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

Display icons in a custom HTML view in ChronoForms v7.

Overview

The issue occurs because CF v7 uses a different icon syntax than v6, requiring Font Awesome icons with a specific class format.
Replace the old icon class syntax with the CF v7 format, using 'faicon' followed by the icon name, and reference the Font Awesome website to find compatible icon names.

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.

This topic is locked and no more replies can be posted.