How can I use ‘FontAwesome’ fonts in the tab control?
In the Mobile controls, Font-Family specific to the rendermode (of the devices like iOS7, android and windows) is applied for all the elements rendering inside the appview. To apply the custom Font-Family, you can specify the class name with the appview class as shown in the following code example.
CSS
<style type="text/css"> |
The above code example applies FontAwesome as Font-Family for all the elements where you defined the class fa inside the appview.
To apply FontAwesome for the tab control, you have to set the specific class with imageClass property. You can refer to the following code example.
HTML
<div data-role="ejmtab" id="tabdefault" data-ej-allowscrolling="true"> <ul> <li data-ej-imageclass=" fa-Movies" data-ej-href="#default1" data-ej-text='Movies'> </li> <li data-ej-imageclass=" fa-Music" data-ej-href="#default2" data-ej-text='Music'> </li> <li data-ej-imageclass=" fa-Favourites" data-ej-href="#default3" data-ej-text='Favourites'> </li> <li data-ej-imageclass=" fa-Playlist" data-ej-href="#default4" data-ej-text='Playlist'> </li> </ul> </div> |
