Joomla Templates Club 406,261 posts

[relsig Friend relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#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

---

Attachments:

1. 
2. 
3. 
4. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#820284

Hi @relsig,

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

[relsig Friend relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#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 Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#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 relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#826932

This reply has been marked as private.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#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 relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#829319

This reply has been marked as private.

[relsig Friend relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#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 Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#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 relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#830230

This reply has been marked as private.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#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 relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#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

---

Attachments:

1. 
2. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#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 relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#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 relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#833472

This reply has been marked as private.

[Author]

Posts