Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Is there a standard way of using the jquery-ui icon sprite without attaching them to buttons?
They are simple to use as they are. For example, attach the class ‘ui-icon-circle-arrow-e’ to any link that expands and ‘ui-icon-circle-arrow-s’ in its expanded state. But these feel like hacks, I am new to the jquery(-ui) library and I am just trying to establish some best practices. I have done a few searches here and on google with no real definite answer.
Yes all the icons are added via classes as mentioned in the documentation here: ui-theming
jQuery UI will also adjust the icon based on the state of the container – mainly used for error/default states.
Here is a jsfiddle adjusting the icon to show inline in text — it is intentionally flexible to be used however and wherever you want.