Forum | Appery.io

i wanna use these type of icons to appear in my app. On that website it mentioned that you have to paste link of css in html but in this appery no option to edit in html. then how to add these types of icons. help me out of this?

Hi, I just want to help out.

Do something like this:

Download fontawesome, then add fontawesome CSS here (New-CSS)

And add font styles here (take note this is under Source tab)

Everything will be automatically loaded in every single page. You don't need to import the CSS file to every page manually.

thanks

how do i use in mobilebutton using font awesome icons. Instead of using default icons. ?give me some hint or procedures to do it. If i want to use these icons i want to edit mobilebutton in html file so In that mobile button wheather i wanna delete data-icon="bars" or any else to change or edit? if i wanna use font awesome icons i wanna edit like this picture but in that no text so how do i use font awesome icons

Here's how I did it:

1. I created an attribute called fontawesome

2. I set the value to fa-user or whatever font awesome icon I am using.

3. If I want to prepend it then I set an attribute called faprepend (if it's not there then I append it)

4. I have the following code in a javascript file:

   code
   function fixFontAwesome() {
   var sFa = $( this ).attr("fontawesome");
   var append=true;
   if($(this).attr("faprepend"))
   append=false;

   if (append)
   $( this )&#46;append("<i class='fa " + sFa + "'></i>");
   else
   $( this )&#46;prepend("<i class='fa " + sFa + "'></i>");
   }

   function onPageLoadUtilities()
   {
   $("[fontawesome]")&#46;each(fixFontAwesome);
   }

   $( document )&#46;ready( onPageLoadUtilities );
   /code