dialog resize problem in ui versions 1.8.rc2-3 on ie 6,7 and ff 3.6
Try resize dialog by left or top sides http://jqueryui.com/demos/dialog/#modal-form аffter reduce dialog dialog content moved with 2x speed ie 8 has some problem
How to memorize tabs sort ?
Hi ! When using the demo of tabs sortable : <script type="text/javascript"> $(function() { $("#tabs").tabs().find(".ui-tabs-nav").sortable({axis:'x'}); }); </script> There is a way to memorize the previous sort order of the user ? A cookie or session getter/setter ? Thanks.
Autocomplete Empty Value
When clicking the Tab key, autocomplete select the first menu item if it is exist. The thing is that sometimes i would like to leave the field empty. i tried to solve it with "blur" event, but the problem is that the selection occur after blur. I think you should add a "blank" option for the widget.
Button GET\SET Value
Because the button is a part of a form element and can be used as a checkbox or radio, it should have a get and set value method. Though the values inherited from markup, i would propose to add this feature. For example I'm working with an Ajax form, and i need to change state of button each time i get a response, that kind of behavior i don't need while submitting the form to a URL.
CSS framework bug fixes
I came across what I think are a couple issues in the CSS framework. In the Button section: .ui-button-text-icon .ui-icon-primary, .ui-button-text-icons .ui-icon-primary, .ui-button-icons-only .ui-icon-primary { left: .5em; }.ui-icon-primary doesn't exist and should be changed to .ui-button-icon-primary (corresponding to .ui-button-icon-secondary). the icon will then be correctly spaced from the left edge. This next one isn't so much a bug, but if you are trying to have consistent button sizes
ui.buttons doesn't visually reset on reset event
while the true checkbox, radio etc... resets on event "reset", the visual button object is still in it's previous state. Have tried with $("form").trigger("reset").find(":input").change() as well, to no avail.
autocomplete blur timer
my business partner cannot select any menu item with his mouse, because the menu closes before the click registers. Increasing the timer from 150ms to 350ms resolved the issue. why are you using a timer there anyway? Isn't it more logical to simply not fire the blur event if the click was made on the menu, and then close the menu from the item that was clicked? using v1.8rc3.
Proposed patch for ticket #4458: ui.dialog moves content out of <form> tag
I've attached a patch file for a potential fix for ticket #4458 http://dev.jqueryui.com/ticket/4458 This is my first patch for jQuery, so I'd welcome any feedback about my patch (why it sucks, etc.)
button({ text: false }) being ignored?? UI 1.8rc3
I can't get the ui-button to respect my { text: false } if I do this: $('#help_eff_date_icon').button( { text: false, icons: { primary: 'ui-icon-info', secondary: null} }); Then do this: <button type="button" id="help_eff_date_icon"> Click for more Information </button> Shouldn't I get an icon only, with 'Click for more Information' as the 'help' text. I'm getting a button with the icon on one line, and the help text on the second line of the button????
[1.7.2 tabs()] Inconsistency between build of tabs and add() of a tab
I am seeing an inconsistency between what UI 1.7.2 does with the DOM structure when you initially build out tabs() and when you add() a tab. Given: A container DIV with children (1) UL and (2) DIVs. The child DIVs contain their own child DIVs which I want to become the tab bodies. Scenario 1 - Original Build with base markup: Call tabs() against the main container DIV. Result: Tabs appear and operate correctly, DOM structure is unchanged Scenario 2 - Add a tab via append of DIV, LI, and total rebuild:
Widget event-handler scope
Hello, I am creating a custom widget and would like to know what is considered by others as a good practice for the following situation: My widget has buttons in it, and the buttons need to change the state of the widget according to it's 'options' that it is configured with. However, if I use an internal function that I created within my widget's "factory" (I think that's the right term?) as an event handler, I cannot get a reference to the widget's 'options' from within that handler. I've created
Example on site is not friendly
Hi, Just to let you know that the example of the radio buttons feature on the site is not very friendly, because it is achieved by $("#radio1").buttonset();but both "div" and "input" have the same ids. I think the first one could be changed to "radio" only, and the code changed also. Thanks.
"Proper" jQuery UI widget extension with v1.8 rc3????????
First of all, congrats out to all the hard work by all hands involved with jQuery UI v1.8 rc3. The reliability of display / use of the datepicker when activated inside a modal dialog has improved immensely!!!! So my questions are: I had a functioning extension in v1.7 that v1.8 rc3 broke. I made some changes as highlighted below and got it working again -- so all is well, but... Can I use this approach to jQuery UI widget extensions going forward? If so, is it the "best approach" to doing so? Functionally
ui.position and collide with generic objects
I would like to propose an extension of ui.position to "collide" with any object we have, either or both to collide with the whole object or just an edge. When "hitting" the object, the positioned element should be as near it's wanted position as possible while not intersecting the given edge. There might also need to be some vertical/horizontal modifier so we can limit the offset in one dimension. Example code how it would work, our object will collide with the left and right edge of obj1 and keep
1.8rc3 autocomplete error in IE6
Hello, I've been playing with autocomplete in IE6 and noticed this problem using the combobox demo: if you hover the mouse over the menu, and there is no selected value yet, then click, this error will get triggered: 'Item is null or not an object' I think this is possible because in IE6 the anchor element inside the li element doesn't take all the width, so on hover it will not get selected. I've included a photo of the scenario. Notice there is NO element selected on hover. Testing on the demo
1.8rc1 Events with checkbox and Button
Hello, I am playing with the new Button feature. I have two issues. 1. I can't get it to work with the click event. Consider the example : <p> <input type="checkbox" id="check" /> <label for="check">Click me !</label> </p> <script type="text/javascript"> $('#check').button({ click: function() { console.log('button click'); } }); $('#check').click(function() { console.log('input click'); }); </script>Outputs after each click (in firebug) : input click input clickBut no 'button click'.
How to get the latest bug fixed release
Probably a stupid question, but how would I get the complete new version of jQuery UI that includes fixes made let's say in the past 3 days? Scott Gonzalez fixed a problem I brought up a few days ago in Rev 3868. It shows up in the source here: http://dev.jqueryui.com/browser But visiting the google code site here: http://jquery-ui.googlecode.com/svn/tags/1.8rc3/ which says Rev 3871, the change he made is not in the file. Do you have to get the latest source and do it yourself? How does the UI
ui.dialog drag event breaking change in 1.8 rc3???
Why can't I use the reference to ui anymore?? $('#divItemSelector').dialog({ autoOpen: false, bgiframe: true, modal: false, width: 250, position: ['left', 'center'], drag: function(event, ui) { selLeft = Math.floor($(this).position.left); //v1.8 selTop = Math.floor($(this).position.top); //v1.8 //selLeft = Math.floor(ui.position.left); //v1.7 //selTop = Math.floor(ui.position.top);
Themeroller: Icons do not save with custom "Theme Folder Name" set
I've used the themeroller several times in the past so I consider myself "comfortable" with it at this point. I noticed my custom theme wasn't saving my icon images correctly, so while I was doing some debugging I realized if I left the "Theme Folder Name" at it's default setting "custom-theme" the icon images would save correctly. If I changed it to anything but the default the icon images wouldn't work. Hope this helps.
ui-icon files could be much smaller
While the ThemeRoller was broken, I found some icons sitting around from a previous download with a different theme and edited the file in Gimp to have a single-color palette of the various colors required for my theme. This technique resulted in files less than half the size of the original. ui-icons_ffffff_256x240.png went from 4369 to 1936 bytes by this transformation.
Attempt to get height on uncreated dialog returns Object
Not sure if this is a bug or by design, but I noticed today that when attempting to get the height of a dialog window that hasn't been created yet, it returns an Object instead of "undefined" as it did in 1.7.2. $("#dialog").dialog( "option","height" );returns [object Object] if #dialog has not already been turned into a dialog yet. This breaks code like: if ( !$("#dialog").dialog( "option", "height" ) ) { $("#dialog").dialog(); } Maybe it has something to do with whether #dialog already exists
1.8rc2 Toggle speed issue
I believe this was introduced in 1.8rc2. With Toggle, when specifying the (optional) Speed as a string (not a number), but the (optional) Options are NOT specified, the effect is showing but then quickly hiding the item being toggled. Using the sample code at http://jqueryui.com/demos/toggle/ - the line under "//run the effect" Works: $("#effect").toggle(selectedEffect,options,500); //default example $("#effect").toggle(selectedEffect,500); $("#effect").toggle(selectedEffect,{},"normal");Does NOT
ThemeRoller is broken on the site
There's something strange going on with the ThemeRoller on jqueryui.com. The Roll Your Own works if you want to do a theme from scratch. But if you select an existing theme from the gallery and then click "Edit" to modify the page hangs and theme editing controls never show up. I tried in Firefox and Opera. Same result. Is anybody else seeing this?
Problem with sortable and containment: 'parent'
working with this "jquery-ui-1.8rc3/demos/sortable/default.html" with $('.sortable').sortable({ containment: 'parent' }); move mouse on bottom of item2 and try to drop before item1. its not possible. sortable.js catch mouse position and change item position only if mouse.Y < (item1.height/2) with containment: 'parent' this would happen. the same problem is with last item in sortable list, if mouse in item2 in top of item. sortable should catch the item position relative to start position.
Why developing jQuery UI is so slow?
Highly impressive & useful widgets & utilities are in planing (& some are in development for a very long time) as listed in the WIKI: http://jqueryui.pbworks.com/ It is listed there for a very long time & the UI development seems to be very slooooow! Why is this? (Why jQuery not come as a commercial product & employ more workforce? Undoubtedly there is a massive market for jQuery!)
dialog( position: 'center' ) in UI 1.8rc3
The dialog component has changed behavior on me from UI 1.7.2 to 1.8rc3 $("#help_eff_date").dialog( {autoOpen: false, width: 350 , position: 'center' }); This used to give me a dialog centered as expected. Running jquery 1.4.2 and UI 1.8rc3, my dialog is left all the way to the left at the very bottom, immediately after the last markup for the entire page. I've tried every which way of positioning my dialog, i.e. ("#help_eff_date").dialog( {autoOpen: false, width: 350 , position:
Default "post click" action for buttons
I feel that the default behavior for an button on click (or more exactly, after a click) should be like following code: button_object.click(function(){$(this).blur()}); i.e. that the button object shouldn't be marked as focused, as it's rather contrary what people expect, especially for icon buttons, like toolbar buttons. In a perfect world perhaps also last focused object before click should regain it's focus (dunno if that's possible)
jQuery UI 1.8rc3 - Button events on a checkbox
Also mentioned here: http://forum.jquery.com/topic/events-with-checkbox-and-button If you turn a checkbox into a button, IE7 and IE8 will ignore any events. Events work fine under FF, Chrome, and Safari. The following code is an example. The button event will not work in IE7/8. .change() has the same results as .click(). <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/minified/jquery-ui.min.js"
1.8rc3 show/hide and callback problem
Hello. I'm have been testing an application with jQuery 1.4.2 and jQuery UI 1.8rc3. I've noticed that my callback functions while showing and/or hiding elements do not work unless I add the duration parameter. I did not have this problem with jQuery 1.3.2 and jQuery UI 1.7.2 For example // This does not work $("#div").hide("explode", { pieces: 12 }, function() { $(this).remove() }); // This does work $("#div").hide("explode", { pieces: 12 }, 400, function() { $(this).remove() });
ui.position wobbles
using ui.position in a div which is changing it's width, results in a vertical wobbling effect of the content, it's noticeable in firefox, but not in chrome, see http://jsbin.com/itato4/2 for example.
CSS & JS packaged differently in UI 1.8?
OK, I'm trying out 1.4.2 with UI 1.8rc3. It appears the way the css and js is packaged has changed, and I can't figure out how to bring it all together. My test has only an accordion widget. Here is the relevant Rails (sorry) code: <%= stylesheet_link_tag "jquery-ui-1.8rc3.custom.css" %> <%= javascript_include_tag "jquery-1.4.2.js" %> <%= javascript_include_tag "jquery.ui.core.min.js" %> <%= javascript_include_tag "jquery.ui.widget.min.js" %> <%= javascript_include_tag "jquery.ui.accordion.min.js"
Error with modal dialog when opened 3 times
I just left a comment in another thread about this issue, but that thread is marked solved so I'm afraid the powers at be might not look at it. However, this solution only opened up another bug as I've described here: http://forum.jquery.com/topic/ui-widget-overlay-css-selector-causes-consistent-large-memory-leak-in-ie#14737000000749340 I hope this gets fixed before the final release or I'm guessing we'll have some unhappy campers. Maybe the solution is to not have this line in both the destroy
[ThemeRoller] - Bookmarks of custom themes not loading properly
Since the 1.8rc3 rollout the ThemeRoller does not seem to be loading bookmarked custom themes correctly. For example: I start from scratch, change the font weight to bold, observe the URL changes correctly, and bookmark the page. Upon revisiting the bookmark the URL is correct, but the ThemeRoller does not load the font weight to be bold. All ThemeRoller settings remain as default, instead of loading the $_GET variables.
Accordion difference between 1.7.2 and 1.8rc3?
OK, I'm trying out 1.4.2 and 1.8rc3. I have my code shared in such a way that I can run the exact same markup through jquery1.3.2 and UI 1.7.2, or I can run it though 1.4.2 and UI 1.8rc3. The only other difference is the theme. I'm using a downloaded gallery theme for the UI 1.8rc3 (checking the 1.8rc3 radio prior), a custom theme for the UI 1.7.2. My Accordion is different under UI 1.8, there is a line break after the icon in the header, and there isn't a line break on UI 1.7.2. I vaguely
UI Button checkbox doubleclick problem on firefox
See http://jsbin.com/ijovi/3 The behavior with FF 3.5.8 when doubleclicking a checkbox is to stop changing the checked state once after one click. It does not continue changing state while rapidly clicking or double clicking. In Chrome continuous clicks continuously toggle the checkbox state. However the UI Button does continue changing its active state regardless of its inputs checked state. Also, I may be misunderstanding things, but the aria-pressed state seems to be exactly opposite of the
Pb with theme switcher widget in production
Hi. Well done ! The demos page are working. But I have the same problem in production : With this originals includes (that works fine before) : <link rel="stylesheet" href="http://jquery-ui.googlecode.com/svn/tags/latest/themes/base/jquery-ui.css" type="text/css" media="all" /> <script type="text/javascript" src="http://jqueryui.com/js/jquery.js"></script> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
[Date Picker] date/altFormat: w (week number of selected day) ww (same zero fill)
Hello, The need for a week number + year came from a project with a client, where users had to enter the year and the week number to get their week data. I had to hack the date picker plugin to get the current iso 8601 week number (dateFormat) and the year (altFormat) of the day selected but i'm not javascipt coder.. (i can post the hack if you ask me). It would be a little addition that doesn't require mutch work I think ? sorry for the english.. regards, houba
Button Radio Demo - Duplicate id's
Not a biggy but you have a duplicate id on the Radio Button demo <div id="radio1"> <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label> <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label> <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label> </div>
CSS Issue on line 66
The Code ".ui-widget :active { outline: none; }" is not valid. It must be ".ui-widget a:active { outline: none; }" or else... With the invalid code some plugins (for example jqGrid) is not working. After fixing the issue all is fine.
fn.button inconsistency
The current enabled/disabled state of button is inconsistent with it's intended (if any) behavour At the moment, following is true: setting disabled="disabled" in DOM doesn't affect creation of button setting options.disabled to true doesn't create a disabled state, only a call to _setOption will trigger what options.disabled is set to (via $.Widget.prototype._setOption()). options.disabled is undocumented, though _init is reacting to it, though in limited way calling .button("disable") doesn't set
Next Page