I want to show a semantic UI menu using custom html view. The code is Games Channels Videos But the preview shows no icons in the menu. Its working perfectly in Chronoform6

Icons not displayed in custom html

sh

shahabpk 20 Nov, 2020

I want to show a semantic UI menu using custom html view. The code is

 <div class="ui labeled icon menu">
  <a class="item">
    <i class="gamepad icon"></i>
    Games
  </a>
  <a class="item">
    <i class="video camera icon"></i>
    Channels
  </a>
  <a class="item">
    <i class="video play icon"></i>
    Videos
  </a>
</div>

But the preview shows no icons in the menu.
Icons not displayed in custom html image 1

Its working perfectly in Chronoform6

Max_admin 20 Nov, 2020

Answer

in v7 you should use:

<i class="faicon icon-name"></i>

v7 uses font awesome icon to save CSS, you can search icons here:
https://fontawesome.com/icons?d=listing&q=user&m=free

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

sh

shahabpk 20 Nov, 2020

1 Likes

Thank you , its working. !

By the way why

<i class="fas fa-[NAME]"></i>

is not working. ?

Max_admin 20 Nov, 2020

no, we do not use the typical font awesome syntax!

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

You need to login to be able to post a reply.