96 questions
0
votes
1
answer
746
views
Understanding jQuery UI Button Widget
Im looking to recreate the following button after updating to the latest version (button widget was rewritten in 1.12 onwards, However im struggling to get the syntax/classes correct based of the api ...
-1
votes
2
answers
165
views
Dynamically enable a jquery ui button that was previously disabled on javascript event
I have two divs. Clicking on a jqueryui button (button1) in first div (div1) creates a jquery ui button (button2) in the second div (div2) with a data element identifying the button1 that created it; ...
0
votes
1
answer
254
views
Can not open jQuery UI dialog multiple times - test case included
I have prepared a simple test case demonstrating my problem -
I use a jQuery UI button to open a jQuery UI dialog:
However this works only once. On subsequent button clicks I get the error:
...
1
vote
1
answer
507
views
what if i want to add two icons to one button by using jquery-ui 1.12.0
$("#search_button").button({
icons: {
"primary": 'ui-icon-search',
"secondary": "ui-icon-triangle-1-s"
},
});
"secondary": "ui-icon-triangle-1-s" can't be added to "#...
0
votes
1
answer
687
views
How do I discover all available properties when using a jQuery UI widget?
I have recently found that there are additional properties for some jQuery UI widgets that work, but are not documented. For example, when providing the buttons property on a jQuery UI 1.11.4 dialog ...
3
votes
3
answers
3k
views
jQuery UI modal dialog: button icons do not appear
My modal dialog works perfectly (meaning I can adjust every option), except that the button icons option has no effect. Here's the code I'm using to generate the dialog:
$('#alert_div')
.attr("...
0
votes
1
answer
733
views
JQueryUI Radio Button Examples Not Working
I'm trying to replace some radio buttons with the nice-looking JQueryUI kind. However, when I copy the sample code at http://jqueryui.com/button/#radio (which works fine as seen on that page) directly ...
1
vote
2
answers
722
views
jquery-ui buttonset click event doesn't seem to change the checked state
I am using a jquery-ui buttonset with 2 radio buttons for yes/no input.
var yesInput = document.createElement("input");
yesInput.type = "radio";
$(yesInput).attr('id', "njs1");
$(yesInput).prop('...
0
votes
3
answers
190
views
Get nth button in a jquery-ui buttonset
Is there some way to get the nth button in a jquery-ui buttonset?
$( "#radio" ).buttonset();
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" ...
0
votes
1
answer
185
views
buttonset() not working with dynamic inputs
I'm trying to use jquery buttonset() for dymanic inputs but it's not working:
$(document).ready(function () {
var N = 30;
for (var i = 1; i <= N; i++) {
$('<label/>', {
...
0
votes
1
answer
84
views
Why have my jQuery UI buttons reverted to outsized and generic?
I've used the jQuery UI before to fancify buttons. But now with this code:
else if (ui.newTab.index() == 3) {
$('#MediaContent').load('Content/TwainMedia.html');
$('#MediaContent').css('...
1
vote
1
answer
175
views
jQuery calculator not working in IE. Looks great in other browsers
Thought I had this calculator done. It looked awesome, until I viewed it in IE. Can you guys take a look and let me know why it's all kinds of screwed up? Look at it in IE and in another browser for ...
0
votes
1
answer
244
views
Manipulation dom after using jsrender
Im my project I use jsrender.
Below my example of code.
<script id="usersTemplate" type="text/x-jsrender">
<button id="createUser">Create</button>
<table>
<tr>
<...
1
vote
3
answers
13k
views
jQuery UI button click event
I'm having some very strange behavior with a jQuery UI button. It appears it is happening on chrome only.
I have to click twice to make it work. After further investigation, it seems I had to click ...
0
votes
3
answers
2k
views
jQuery UI: How to customize buttonset corners?
Like the image below, how can I customize the corner of the radio buttonset of jQuery UI? Instead of have a round corner at right side of a button, how can I customize it and make it has rounded-...
1
vote
0
answers
210
views
Issue with jquery buttonset
"cannot call methods on button prior to initialization; attempted to call method 'widget' "
On the first time load the buttonset() works fine. On the second load the entire UI freezes and I get this ...
0
votes
1
answer
498
views
jQueryUI radio button visible
jQuery mobile leaves the radio button visible. Is this possible with jQueryUI without too much effort? Users understand the functionality of a radio button, so I'd prefer to keep that visual ...
2
votes
0
answers
459
views
Stop button from losing active state in jQuery UI buttonset
I'm trying to prevent my buttons from losing the active class on mouseleave, but I can't get it working.
So, my buttons are initialized with jQuery's buttonset(). They are buttons, not checkboxes. ...
0
votes
1
answer
3k
views
jQuery button. Remove when clicking icon
Im using jQuery ui button to create divs that look like buttons dynamically. Clicking on these divs should open a dialog and clicking its icon should remove the div(button). Ive tried several ...
1
vote
1
answer
2k
views
jQuery UI menu inside a jqGrid cell
I have created a grid and customized a column to contain a jquery UI menu like in the Split Button example
Everything works fine except for the fact that the menu window appear inside the cell ...
1
vote
1
answer
147
views
jQuery divide a buttonset into a certain number of rows
I was looking for a jQuery plugin that let me create an array of buttons and I found jQuery UI buttonset
Now this widget is very close to what I need, since only one button can be checked at the time,...
1
vote
2
answers
170
views
jQueryUI button with multiple styles on single page
I'd like to use several buttons on single page, but I want to have one group which has one style (e.g. red color) and other one with different style (e.g. gray background and red forecolor).
Is it ...
0
votes
1
answer
55
views
jquery ui button creating trouble
<table class='dates'>
<form method='post' action='' name='admin' id='form_admin'>
<tr>
<td>Start Time Of Election</td>
<td>: <input type="text" id="...
0
votes
1
answer
47
views
How to add icons only to certain buttons?
I currently have this code on my page:
$( ":button").button({
icons: {
primary: "ui-icon-circle-plus"
}
});
That makes all of the ...
2
votes
2
answers
75
views
Can I get the improved appearance of the jQueryUI button while limiting its size?
I like the general look of the jquery ui button, but it is oversized for my purposes. Is there a way to replace the blah look of the generic jQuery button with the pizzazz of the jQueryUI button while ...
0
votes
1
answer
218
views
How is the "N-in-one" or "pill" button effect effected?
I want to use what I think is called the "pill" button that can be seen here:
http://jqueryui.com/themeroller/ (the "Choice 1 | Choice 2 | Choice 3" widget)
Here's a screen shot:
What html and/or ...
4
votes
4
answers
13k
views
Remove jQuery UI Dialog Button border/outline
Which class do I need to modify/change to remove the outline of a JQuery UI Dialog Button. I can't seem to figure out which class is applying the border/outline around the 'X' button. The outline ...
0
votes
1
answer
205
views
How to add a "replace" button on each item of my JQuery sortable
I was wondering how I could put a button on each item in my JQuery sortable. Right now I have a button on the top of the screen that adds the user input in the autocomplete to the sortable. Here is ...
0
votes
2
answers
232
views
How to make all buttons(even dynamically created) in an application follow jquery button widget without calling .button() multiple times
I am new to stack overflow and this is my first question. Pardon me for any mistakes.
This question is more generic but i tried to search for an answer but could not find it.
Say i have a page and i ...
0
votes
2
answers
16k
views
Jquery-UI radio button
I am using two groups of radio buttons
Group 1:
State
City
Group 2:
A-C
D-H
I-M
N-R
S-Z
When I toggle between state and city, I want A-C from group 2 to be set to checked while the others are set ...
1
vote
1
answer
1k
views
jQuery ui button image not displaying
I´ve tried to use a jQuery Ui button with an image. So i wrote the following code:
$("#analyse_button").button({ icons: { primary: "fb-icon" } });
.fb-icon {
background-image: url(./fb-icon.png);...
1
vote
3
answers
11k
views
jQueryUI Button: How to change Button-Icon 'color'
I have placed a html button inside a div in the following manner:
<div class="ui-state-highlight">
<button type="button" class="ui-button ui-state-default ui-corner-all ui-button-text-...
3
votes
1
answer
5k
views
jQueryUI Buttonset CSS issue
I have a set of Checkboxes that I am using with a Buttonset to make them look like buttons
<div id="ButtonList">
<input type="checkbox" id='Check0' value="true" /><label for="...
0
votes
2
answers
268
views
how to place irregular sized image into a jQuery UI button
Given a button of a fixed size and an image of an unknown size (but smaller dimensions than the button), how do I dynamically place that graphic onto the button?
This example only handles something ...
0
votes
1
answer
923
views
Jquery UI not styling button inside a class
I am writing a site in PHP and I have written an index page that swaps its content tag.
When I include the default.php inside of the The button is not being styled.
Jquery UI works properly ...
0
votes
3
answers
605
views
jQuery UI doesn't apply the theme to a button
I'd like to apply the jQuery UI theme to a button but I couldn't! Why? Here's the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-...
0
votes
1
answer
818
views
using jQuery UI buttonset in angularjs
Problem statement: show a JQ buttonset for each element in a controller scope array.
So something like this would be logical:
<div ng-repeat='a in algos' mybuttonset>
<input name='X' id='...
1
vote
1
answer
1k
views
jQuery UI Button inside table cell - rendering issue
I'm using jQuery button, in particular this example:
http://jqueryui.com/button/#splitbutton
I've placed this markup incide table td for each row:
<div>
<button id="possible-actions"&...
0
votes
1
answer
93
views
jQuery button refuses to style
I am trying to style my jQuery buttons according to the instructions on the website but it won't work. I followed the instructions here: http://jqueryui.com/button/#checkbox
What am I doing wrong? ...
1
vote
2
answers
3k
views
Disable jQueryUI button and keep its original layout/style
If I disable jQueryUI button using "disabled" option, button goes dim.
But I don't want it that way - I just want it unresponsive and styled in its original layout - no rollovers, no clicks - ...
2
votes
1
answer
3k
views
How can I disable one button of a jQuery-UI buttonset?
Example here:
http://jsfiddle.net/UVHtu/19/
I need to fill in the blank:
HTML:
<div id="options">
<input type="radio" id="op_a" name="op" value="a" />
<label for="op_a">...
2
votes
2
answers
335
views
create superscript jqeryui button
I am trying to replicate a superscript icon in text within a jquery ui button. I have tried several combos but everything screws up the button. It will align incorrectly within a buttonset().
css
....
0
votes
1
answer
197
views
How to make jquery-ui buttons have same size for different browser
I have jquery ui code for buttons as follows. I want these series of buttons to fit in same size (810px). They appear as same size for firefox and chrome but they look smaller in IE. I have try ...
7
votes
1
answer
16k
views
Handling radio buttons groups select event with JQuery UI
why JQuery UI option buttons (buttonset) doesn't have any events - I want to handle select events for it, wonder what's the right way for doing that.
0
votes
1
answer
415
views
Select jQuery UI Button by Label or $.Data
My buttons are input type=button, id field set, and no text in between the tags since it appears to the right of my buttons rather than inside. (sorry, won't let me publish the html for some reason).
...
1
vote
1
answer
174
views
why is my context selector and .buttonset() taking so long in ie
So I assume this is something I'm doing flagrantly wrong. It is soo slow in ie there must be something fundamentally wrong with this.
Le HTML
<div id='mother'>
<div id="radio">
&...
0
votes
3
answers
403
views
Jquery UI button issue
Please take a look at this
http://jsfiddle.net/WAre9/4/
The problem is, after changing the text of link, .button() doesn't work properly.
Here is scrshot before:
And after mouse click:
As you see ...
2
votes
2
answers
30k
views
Add an image to the jquery button
I am wondering how to add an image to the jquery button. Till now I was using the jquery ui button in my project and I got custom images from the graphics team, so I would like to implement them.
...
0
votes
1
answer
1k
views
jQuery UI Radio Set - Hover and Checked states without Javascript
For some reason I cannot find a proper way to adjust the HOVER and SELECTED states of the jQuery UI Radiosets.
Not sure why I can't find it, perhaps someone could give me some direction?
What I want ...
9
votes
2
answers
23k
views
jQuery UI - changing button colours
Using jQuery UI I have two radio buttons, Approve/Reject, which I would like to style independantly, so when 'Approve' is selected, it will be blue, and when 'Reject' is selected, it will be red:
...