CODEWITHSUNDEEP
jquery-mobile
Khoi Nguyen
Khoi Nguyen

Reputation: 1092

Customize icon for jquerymobile collapsible item

I'm trying to create a mobile page with jquerymobile collapsible for content display, and I also need customize the icon for each collapsible item in the list, look like http://m.box.net , an icon for login, for signup and so on.

Please give me any suggestion.

Upvotes: 0

Views: 1451

Answers (1)

Phill Pafford
Phill Pafford

Reputation: 85378

jQM Offers guidelines for Custom icons:

Using 3rd party icon sets
You can add any of the popular icon libraries like Glyphish to achieve the iOS style tab that has large icons stacked on top of text labels. All that is required is a bit of custom styles to link to the icons and position them in the navbar. Here is an example using Glyphish icons and custom styles (view page source for styles) in our navbar:

See jQM Page above for demo, here are the images below. You might not see them as they are white icons

Icons by Joseph Wain / glyphish.com. Licensed under the Creative Commons Attribution 3.0 United States License.

Upvotes: 2

Related Questions