Change Icons dynamicaly at run time

Change Icons dynamicaly at run time

  

Hi there,

I want do create a landing page for a mobule app that will contain a few (5) perrformance indicators, and ideailly eac performance indicator should have a different icon.

However there are more than 5 performance indicator on the db and its a requirement that the system administrator cna configure which 5 performance indicators will be visible on the user landing page.

Is there a way to "associate" a perforcance indicator to an icon and display the relevant icons according to the performance indicators being displayed on the landing page?  

You can change icons dynamically. Just add the variable to the icons css (Style field)

For example: "icon " + var1

where var1 consist the icons css value. For home icon it is "fa-home".  

You can find the values from font awesomes homepage.


-J