Viewing 15 posts - 1 through 15 (of 19 total)
  • Author
    Posts
  • relsig Friend
    #818976

    I’m using the JA Brisk template together with the latest Fabrik version. I know there where problems, but since Fabrik moved to JLayout I don’t neet the bootstrap plugin anymore.

    But somehow there must be template overrides that change the Fabrik templates. This starts at missing icons (icon-checked) to strange looking radio buttons, disappeared lines between different datasets etc.

    With Protostar it is no problem. Look for example at the brisk and protostar details view in the annexe. At the very right the checkmark (icon-checked) is missing. Then all the lines and the gray background color is missing.

    Look at the strange looking radio buttons (yes/no) elements in brisk details view, compared to protostar radio buttons.

    Is there some kind of a general problem or are these just css styles that need to be fixed?

    Could you help me fix these problems? I can give you access to my test server.

    thanks

    Roger


    1. brisk-details-view
    2. protostar-details-view
    3. protostar-radio-buttons
    4. brisk-edit
    Adam M Moderator
    #820284

    Hi @relsig,

    May I know your site url and temporary admin account via private reply so I can investigate the problem ?

    relsig Friend
    #825883

    Hi Adam

    Thanks for your answer. I am trying to find a way to send to you a PM. Is it the "set as private reply"?

    Thanks

    Adam M Moderator
    #826646

    Hi @relsig,

    Yes, just reply as normal and make sure to choose the check box Set as private reply right below editor, so that only you can me can see that message.

    relsig Friend
    #826932
    This reply has been marked as private.
    Adam M Moderator
    #828723

    Hi @relsig,

    Please open file templates/ja_brisk/css/custom.css then add this code :

    .com_fabrik .radio.btn-group input[type="radio"] {
         display: none;
    }
    relsig Friend
    #829319
    This reply has been marked as private.
    relsig Friend
    #829331

    If I get a solution for the radio buttons, there would just be one other thing. I would the leave the rest.

    Could you also give me a hint for the missing check marks? See the first two screenshots in the first question in this thread. In the last column there are check marks missing. How can I make them visible?

    Thank you

    Adam M Moderator
    #830086

    Hi @relsig,

    There was a problem with your custom.css file and I fixed it for you. About the problem with missing icon, could you please let me know the procedure to see that page ?

    relsig Friend
    #830230
    This reply has been marked as private.
    Adam M Moderator
    #830829

    Hi @relsig,

    1. About the previous change, please open custom.css file and pay attention to the part around (there’s an incorrect CSS comment) :
      /*
      .btn-action-custom {
      color: #ff0000;
      }
      */
    2. Add this code to custom.css file to fix the problem with icon :
      @font-face {
      font-family: 'IcoMoon';
      src: url('../../../media/jui/fonts/IcoMoon.eot');
      src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
      font-weight: normal;
      font-style: normal;
      }
      .com_fabrik [data-icon]:before {
      font-family: 'IcoMoon';
      content: attr(data-icon);
      speak: none;
      }
      .com_fabrik [class^="icon-"],
      .com_fabrik [class*=" icon-"] {
      display: inline-block;
      width: 14px;
      height: 14px;
      margin-right: .25em;
      line-height: 14px;
      }
      .com_fabrik [class^="icon-"]:before,
      .com_fabrik [class*=" icon-"]:before {
      font-family: 'IcoMoon';
      font-style: normal;
      speak: none;
      }
      .com_fabrik .icon-checkmark:before {
      content: "\47";
      }
    relsig Friend
    #832176

    Hi Adam

    Thanks for the css input. This makes that the check mark appear, but the other icons on that page are very strange. I copied the code above and put this into the custom.css file. This is what came out.
    The checkmarks work ok. See checkmarks ok.jpg

    But all other icons are replaced by something else.

    I also tried this on my productive page, same there.

    One of the developers of Fabrikar.com asked if Joomlart could provide them a copy of the JA Brisk template, so that they could work on the compatibility. What can I tell him. I can give you his email address, so that you can get in contact with him.

    Thanks


    1. checkmarks-ok
    2. icons-gone
    Adam M Moderator
    #833326

    Hi @relsig,

    Try changing the code above :

    .com_fabrik [class^="icon-"],
    .com_fabrik [class*=" icon-"] {
         display: inline-block;
         width: 14px;
         height: 14px;
         margin-right: .25em;
         line-height: 14px;
    }
    .com_fabrik [class^="icon-"]:before,
    .com_fabrik [class*=" icon-"]:before {
         font-family: 'IcoMoon';
         font-style: normal;
         speak: none;
    }
    .com_fabrik .icon-checkmark:before {
         content: "\47";
    }

    as below :

    .com_fabrik .icon-checkmark {
         display: inline-block;
         width: 14px;
         height: 14px;
         margin-right: .25em;
         line-height: 14px;
    }
    .com_fabrik .icon-checkmark:before {
         content: "\47";
         font-family: 'IcoMoon';
         font-style: normal;
         speak: none;
    }
    relsig Friend
    #833471

    Hi Adam

    Thank you very much.

    If someone should be interested in using Fabrik with JA Brisk. The following code in the custom.css file of JA Brisk did it for my purposes

    @font-face {    
        font-family: 'IcoMoon';
        src: url('../../../media/jui/fonts/IcoMoon.eot');
        src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
        font-weight: normal;
        font-style: normal;
        }
    
        .com_fabrik [data-icon]:before {
        font-family: 'IcoMoon';
        content: attr(data-icon);
        speak: none;
        }
    
    .com_fabrik .icon-checkmark {
             display: inline-block;
             width: 14px;
             height: 14px;
             margin-right: .25em;
             line-height: 14px;
    }
    
    .com_fabrik .icon-checkmark:before {
             content: "\47";
             font-family: 'IcoMoon';
             font-style: normal;
             speak: none;
    }
    
    .com_fabrik .radio.btn-group input[type="radio"] {
         display: none;
    }
    relsig Friend
    #833472
    This reply has been marked as private.
Viewing 15 posts - 1 through 15 (of 19 total)

This topic contains 18 replies, has 3 voices, and was last updated by  Ninja Lead 7 years, 10 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum