Can I set a Custom Icon for a jQueryUI Button

Posted by Boycs on Stack Overflow See other posts from Stack Overflow or by Boycs
Published on 2010-05-14T13:07:47Z Indexed on 2010/05/14 13:14 UTC
Read the original article Hit count: 243

Filed under:

jquery-ui

|

jquery-ui-button

|

Icons

Is it possible to create a jQueryUI Button with a custom icon, ie: an icon that is not part of the sprite icons that are provided with jQueryUI???

I am using the ButtonSet functionality for a group of 3 checkboxes but need a more stylised icon than what is provided out of the box...

© Stack Overflow or respective owner

Related posts about jquery-ui

jquery.ui.draggable.js and jquery.ui.widget.js conflict

as seen on Stack Overflow - Search for 'Stack Overflow'
hello I had a working application, which uses a jquery ui dialog. I wanted to make the dialog draggable. As far as I know the only thing needed is the jquery.ui.draggable.js script. So I added it to the scripts I am using, but know I get the following error (as shown in the firebug console): base… >>> More
Use JQuery UI Datepicker with Icons from Jquery UI Theme

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a datepicker control setup using the JQuery UI, I am also using the JQuery UI themes which provide a bunch of default icons that I want to use. The DatePicker allows for specifying a specific image, i.e.: <script type="text/javascript"> $(document).ready(function() { $("#DateFrom")… >>> More
JQuery UI function errors out: Object is not a property or method

as seen on Stack Overflow - Search for 'Stack Overflow'
In the following code I get an error that says autocomplete function Object is not a property or method Here is the code: <title><%= ViewData["pagetitle"] + " | " + config.Sitename.ToString() %></title> <script src="../../Scripts/jqueryui/jquery-ui-1.8.1.custom/development-bundle/ui/minified/jquery… >>> More
Strange jQueryUI dialog error

as seen on Stack Overflow - Search for 'Stack Overflow'
I have dialog created like this $('#add_error').click(function(e) { $('<div>') .load('/someaction/format/html/') .dialog({ title: 'Some title', modal: true, width: 385, close: function() { … >>> More
JavaScript : jQuery UI 1.8 est disponible avec 5 nouveaux plug-ins, 1 nouvel effet et des centaines

as seen on Developper.com - Search for 'Developper.com'
jQuery UI 1.8 est disponible L'équipe de jQuery UI annonce la sortie de jQuery UI 1.8, cette version apporte 5 nouveaux plug-ins, 1 nouvel effet, et des centaines de corrections de bogues et d'améliorations. Pour une liste complète de tous les changements entre jQuery UI 1.7.2 et jQuery UI 1… >>> More

Related posts about jquery-ui-button

ajax refresh for jquery ui button takes a second to show with proper theme

as seen on Stack Overflow - Search for 'Stack Overflow'
when i refresh a part of a webpage that has a jquery ui button, it seems like it shows up as a regular button for a split second before converting to the styling of the jquery theme. is there anyway to avoid this as it looks a bit messy. >>> More
jquery-ui button: How do I override the classes used for a single button?

as seen on Stack Overflow - Search for 'Stack Overflow'
I am using the jquery ui out the box, based on a theme. Having links rendered as button is great, however I need to override some buttons with different colours. How do I specify an specific class for a particular button to use? >>> More
jqGrid jQuery UI button wrapping in toolbar

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a jQuery UI Button that I'm placing in a jqGrid toolbar but the contents of the button are wrapping. I've tried to prevent the wrapping by using CSS white-space Property to no avail. Here's a snapshot of what's happening: Here are two code snippets of my attempt to fix the problem: … >>> More
ASP.NET MVC2 App Losing jquery ui button theme on Ajax call

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm writing an ASP.NET MVC2 application that uses a jquery theme. I have a partial view that is updated with an Ajax call. When the partial view is re-rendered the buttons lose their jquery theme. I tried having the "onComplete" function restyle them, but no luck. >>> More
jquery ui button custom icons

as seen on Stack Overflow - Search for 'Stack Overflow'
It is easy to add one of the icons available as part of the UI Icon Set: $("#myButton").button({icons: {primary: "ui-icon-locked"}}); But what if I want to add one of my own icons that is not part of the framework icon set? I thought it would be as easy as giving it your own CSS class with a background… >>> More