Tuesday, 11 March 2014

Icons

Jquery Mobile has icons implemented within itself, however you can add your own custom Icons.

To use custom icons, specify a data-icon value that has a unique name like mo-moustache. After you have done this the button plugin will generate a class by prefixing ui-icon- to the data-icon value, so when you apply it you must use: ui-icon-mo-moustache.

To keep inline with the rest of your icons create a white icon 18x18 saved as a PNG-8 with alpha transparency.

We use custom icons, for our own custom uses - jQuery mobile also has icons built within it, however sometimes they will not suit the application you are creating.


No comments:

Post a Comment