You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Offline

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

Please create a new Ticket and we will get back to you as soon as we can.

#112834 UIkit receiver icon and tel:

Posted in ‘Editor’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by Ryan on Thursday, 19 January 2023 16:44 GMT

Wednesday, 18 January 2023 16:53 GMT

sageman
Hello Ryan, for users to easily add the tel: link, you have answered this in similar questions and have suggested creating an HTML template in JCE. I would add an icon, so the final link would be something like 

<p><a href="https://www.joomlacontenteditor.net/tel:+49-7121-200-4019"><span uk-icon="receiver"></span> 07121 200 4019</a></p>
It is easy enough to create as a template and it works in the frontend. But I would like to have the icon visible inside the JCE editor, because users get confused and think the icons are missing, This is especially true when you have large teams working together. Can't quite figure out how to add the YOOtheme Icons to styles, as they are not simply a CSS file that can be loaded. Ideas? Thanks, Richard

Thursday, 19 January 2023 16:44 GMT

Ryan
Can't quite figure out how to add the YOOtheme Icons to styles, as they are not simply a CSS file that can be loaded.


Yes, they are svg icons which are rendered with javascript by the Yootheme framework.

An alternative would be to use substitute font icons in the editor, and although they won't look exactly like the Yootheme icons, it will give the user an idea that there is an icon and where it is located.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.