use Icon with <i> tag

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
gtimite
Posts: 1
Joined: 30 May 2014, 02:01

05 Sep 2016, 14:54

with adamamtium it was pretty simple using icon in <i class="fa fa-XXXXXXX"> . with ultima I have no clue what this example means

<i class="material-icons">&#xE259;</i> what is the meaning of &#xE259 where is coming from.

<i class="material-icons">check_circle</i> the real spelling of the icon is check-circle what is the reason for using underscore.

thanks

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

05 Sep 2016, 15:42

Underscore is google convention;

https://design.google.com/icons/

Code: Select all

<i class="material-icons">screen_share</i>
is same as our convention of ui-icon;

Code: Select all

<i class="ui-icon ui-icon-screen-share"></i>
Following is required to support IE9 and below;

Code: Select all

<i class="material-icons">&#xE259;</i>
You can find the codes after clicking icon-font section at the website above.

When using with PrimeFaces component, I'd suggest ui-icon, for other parts it is up to your preference but I'd go with ui-icon as it will be same across the app. &# is for IE9 and below support as mentioned.

Hope it is clear now.

Post Reply

Return to “Ultima - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests