I am using the jQuery UI library out of the box, based on a theme. Having links rendered as buttons 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? ...
I asked about this on the jquery forum a few weeks ago without luck, so I will try again here :) I've made a simple widget for a project I'm working on, but I have encountered an odd problem. It is easiest to explain it with an example implementation. http://decko.dk/buttontest On the page there are 3 button. The first one is my drop ...
when i refresh a part of a webpage that has a jquery ui button, it seems like I have to call: $(":button").button(); again or it shows up as a regular button. Thats fine but when i do this, it still 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 i...
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... ...
There's a button in Flash which looks something like a jQuery SplitButton. The Flash button consists of two parts, the text and the icon. [text portion] [v] I have used it to display string search operators for the user: equals, starts with, ends with, contains. In Flash, when the icon is clicked, the text-area drops down a list of...
well i'm back... i'm trying to make jquery UI's button and dialog plugins work with my form. i want the reset button <button id="opener" value="reset" type="submit">Reset</button> to pull up a confirmation dialog, which it does. cancel should dismiss dialog and set the button back to its original state. it dismisses fine but the bu...
Ok, I have made a twitter-style control panel to apply filters and sorting to a list, the code for it is like this: <div id="drawer"> <div id="orderDrawer" class="subDrawer" > <div class="closeDrawer clearfix ui-icon ui-icon-closethick">close</div> <h4>sorteer</h4> <div id="orderPanel"> <!-...
I've got 4 buttons using Jquery UI's "button" feature. 3 work flawlessly. the 4th does not seem to want to always apply the jquery ui hover class "ui-state-hover" when it is hovered. it does some of the time, but most of the time it only applies a "hover" class (i'm watching it in firebug) and that obviously doesn't match up w/ their ...
I disable my jqueryui button in its click event like this $('#btn').button().click(function(){ $(this).button('disable'); }); and it seems that the button always stays in hover state when I enable it in another place later. I have tried to add $('#btn').button('refresh'), but it's not work. How can I restore its state to default w...
I've been using the jQuery UI button all over my page, however I haven't found a way around what seems to be a simple problem. I want some of my buttons to be smaller than the other, this should be as simple as setting the CSS of the button text to something like, font: .8em; However jQuery UI takes your DOM element and wraps it: <butto...
I am using jQuery UI radio buttons, and can't find how to set them all to be a fixed width. The code I'm using is: <script type="text/javascript"> $(document).ready(function () { $("#radio").buttonset(); }); </script> <div id="radio"> <input type="radio" id="radio1" name="radio" /><label for="radio1">A</label> ...
I'm a newbie to the jQuery UI plugin and I'm building a demo application to test my knowledge. I'm using the radio button add-on and I can't seem to get it working. I have the following line in a function called when the body loads: $("#buttonSetDiv").buttonset(); I'm also including the CSS and JS correctly, like so: <style src="jque...
I am using Jquery buttons (http://jqueryui.com/demos/button/) for my UI. I would like to know how I can show a disabled state. Show the button as greyed out or something, you know how when you post a form on some sites the submit button shows as disabled. Also is there anyway to display an active state??? This is my code: $(".commen...
i have the jquery ui button widget working w/ the following code. $(.remove_img).button({ icons: { primary: 'ui-icon-cancel' } }); but if there isn't an image in place, on upload, i am appending a button with class .remove_img, so it isn't in the DOM on page load. is there a way to get it so that the added button will still...
Using jQuery-UI, I find the checked state of a radio button confusing in the sense that it is hard to distinguish which is checked or not between a buttonset that contains only two items. Now to remedy this, I was thinking of adding a ui-icon-check class (in accordance to the jquery ui css framework) to the active radio button. I tried ...
I am using the jQueryUI buttonset on an ASP.NET radiobuttonlist. I need to get the selected value in server-side code when the page posts back. If I don't apply the jQuery buttonset, this is of course easy enough - just grab "SelectedValue". However, when I do apply jQuery buttonset, the selected value does not appear to be available on ...
I used jQuery UI buttons in a project, and they have been working fine. But, in IE7, the icon doesn't float as it should. I realise IE doesn't have rounded corners support yet, but that is OK. Good browsers render it fine IE sucks I start with a button in the HTML <button type="submit"><span class="ui-icon ui-icon-mail-closed"><...
I am trying to create a jQuery UI button with a custom icon on the top of the text. The default behavior creates icon on the left/right of the text but I want the icon to be on the top! Can this be done? If so, your help/guidance is greatly appreciated. Also, how can one have a 32x32 size Custom Icon (even increasing the height of the b...
I am using this to check all checkboxes. <input type="checkbox" id="all" onclick="$('input[name*=\'selected\']').attr('checked', checked);" /> as long as I use the normal checkboxes everything works fine. When I convert all to jQuery UI checkboxes: http://jqueryui.com/demos/button/#checkbox They get checked -- but not in a visually -...
I have a setup like this... $(document).ready(function(){ var model = { /* some variable names */, Traits[] }; var traits = // json array pulled from server. $('input[type=checkbox]').button(); // jquery ui button control. }); Now, in my HTML, I have a jQuery Template like this. {{each(i, trait) traits}} <input type='check...