delete icon displayed but empty icon

[burque98]

http://burque98.com/acacia/index.php/etempah/manage-reservation/bilik-latihan-1

delete icon displayed but empty icon

 

[cheesegrits]

I get a 404 on that link.

-- hugh

 

[burque98]

http://burque98.com/acacia/index.php/etempah/etempah-manage-reservation/bilik-latihan-1

 

[cheesegrits]

That's a variation on this issue:

http://fabrikar.com/forums/index.php?threads/delete-button-icons.34864/

Only short term solution is to remove icon-delete from your template's CSS.

This is one of those issues that isn't really our problem, we are just stuck between two stools - Joomla uses icoMoon, which has a different delete icon to the standard Bootstrap font, which uses either icon-minus or icon-remove. So we set both icon-delete and icon-remove as the classes, and 9 times out of ten it works with 3rd party templates, which implement one or the other. But your template implements both, and gets confused.

Once we get the 3.2.1 release out (with the fixes for J! 3.4), we'll be looking at making these issues solvable by using "layouts" (kind of min-templates), so we'll build the list buttons with a layout, which users can then override to fix any template specific issues, or just make it look different.

But for now ... find and comment out where your template defines icon-delete, and you should be OK.

-- hugh

 

[troester]

Or you can add custom CSS to the list template to set the "combination"
i.icon-delete.icon-remove::before {
content: "I";
}

 

[cheesegrits]

Beate is so smart!

Of course I knew that all along, I was just testing her.

-- hugh

 

[burque98]

where can i find custom css?

 

[troester]

Assuming you are using the list bootstrap template:
go to your-site/components\com_fabrik\views\list\tmpl\bootstrap
rename or copy custom_css_example.php to custom_css.php (if it doesn't exist already)
insert the css