Contribution to jquery-ui slider widget [version 1.12.1 mod]
Hello guys, I would like to contribute to slider widget/control (currently working on it, forked jquery-ui in GitHub). Planning the following changes: - dynamic handle size (fixed axis relative to orientation)(not css-based). - strict option, when handles doesnt move beyong the scale. - internal handle type, when handles positioned inside the slider scale. how do you find these features? are they acceptable? sorry for language, im not native to English. I will create codepen demonstration if it's
Is there a way to programmatically change the range slider's value without triggering the change event?
I know that there are other posts on this subject that seemed to indicate that this functionality wasn't necessary, but I have a "use-case" which demonstrates the need to be able to programmatically change a slider's value property and control whether or not the change event is triggered. My form has a single value range slider that has two buttons before slider and two buttons after the slider, that control the position of the slider's handle, specifically: A 'jump slider's handle to the left
Two ideas: Close on Escape and something between Close and Destroy
Hi All. First of all - thanks for the UI. It helps a lot.... ...and now: some ideas from usage site as application programmer. ...during programming a more complex web site (with some modal dialogs overlayed - version 1.11) insighte the website the handling with close, destroy, close on escape, cancel and relaod seems not quite optimal for me. With some tricks, I have no need for an close on escape event but it would be nice not just switch close on escape on or off. It would help, if it was possible
datepicker accessibility extension: voice-over compatibility
Although there are proposed keyboard accessibility changes for datepicker here: http://wiki.jqueryui.com/w/page/12137778/Datepicker There is no mention of voice-over support, Is it planned? I am considering contributing to the datepicker module hosted on Github: https://github.com/jquery/jquery-ui/tree/datepicker Thanks, Omar
Add ability to move selector boxes (month/year) to any displayed month
Current situation: The selector boxes for month/year appear on the first month displayed in a multi-month layout, however if you have the active month set other than the first position, the selection of months is non-intuitive. The month you select in the selectors is not the month that then appears below the selectors, leading to user confusion when selecting dates. Example: with option showCurrentAtPos = 1 [October] ------------ [November] ----------- [December] ^ Selector here ^ Chosen month
Possibility to select layout
My idea is to let the website developer freely set the layout of the elements of jquery-ui, like by example menu (for now it's possible to do only vertical ones and there should be a possibility to make it also horonizontal). This option is important in site navigation development. Without it, there would be need to rewrite whole site to change it's layout only to fit the menu (with would be time critical)
Timepicker
This is an idea and a completed project. I developed a timepicker last year using a modification of the code from the JQuery datepicker (version 1.8.16). This could be updated and added as a potential widget into the latest version of JQuery UI (which is why it is an idea). The timepicker differs from others currently available as you can see below. Another idea is to just show the five minute increments under "minute", and then add a "show all" or "more" button for specific times. Some of the helper
Add support for async response to widget js.
widget.js trigger method might use support for a promise response instead of just false. For some cases we might want to prevent the action after the user has confirmed it through a modal window or cancel it after an AJAX call failed. An example would be the drag and drop from the sortable plugin that might update the content only if the user confirms that action.
Console in demo system
Hi, I've just read ideas page. Have one idea for "jQuery new demo system". It will be cool if in widget demo be console, that logs what code now executing. Something like this: http://demos.telerik.com/kendo-ui/combobox/events
beforeload event in tab widget
I have a seemingly common situation where each tab performs an AJAX request to load in data into the tab panel. I am also using the cookie utility to remember the last selected tab. I want to display a "Loading..." message in the ui.panel element, which is easily accomplished via the "select" event, but only when a tab is clicked on: select: function(e, ui){ $(ui.panel).html("<p>Loading...</p>"); } However, if the selected tab happens to fire an AJAX request when the page first loads, there
code donation (colResizable)
Hello, My name is Alvaro Prieto, I developed a small jquery plugin which can be used to allow html table columns resizing, (similar to the resizable() method but applied to tables). It is compatible with touch and mouse devices, it is cross-browser and compatible with previous versions of jQuery. If you like it, I would be happy to donate it to the jQuery UI project. If you are interested please let me know. http://www.bacubacu.com/colresizable/ Kind regards.
I want to write less and do more while creating sliders, but unfortunately I can't...
With your tagline being "Write less, do more" you really should make it so that sliders use aria values for their min, max and value attributes. There were at least 3 old projects I came across to fix this behavior, yet the stock implementation never even allowed for such. I have to literally create new JS to implement each slider I want to use. It's impractical. So, please, allow us to write less and do more by implementing common basic functionality that everyone expects to have at their disposal.
widget namespacing & plugins
I'm working on a project using UI Widgets - they're really great. I've run into a namespacing problem and I'd like to see what you think about my solution. I'm building a survey interface, and want to use a 'survey' namespace. So I have a number of widgets like: survey.core survey.render survey.form etc. This worked fine until I wanted to use survey.select - the problem is that the plugin will be called $.fn.select which is already taken, and I don't want to step on existing functions. The documentation
Do not always set the focus to the original element after closing the dialog
The documentation of the dialog widget states: "Upon closing a dialog, focus is automatically returned to the element that had focus when the dialog was opened". This makes sense for modal dialogs, but for non-modal dialogs this results in unwanted behavior for users. The "Upon closing a dialog, focus is automatically returned to the element that had focus when the dialog was opened" behavior should only be applied after closing from a modal dialog and not modeless ones. Regards, Hugo.
autoCollapse option for Accordion
This is also kind of a discussion and I fully expect that there will need to be some corrections to this idea, and also I started trying to tinker with accordion to create this feature but I figured it would be best to get input from those who know UI best as far as what kinds of changes would need to take place. The main idea with autoCollapse is a flag for whether or not already active panels are collapsed upon the activation of a new one. In the old docs for 1.8 it was reported that implementing
Please create the ability to have stationary DIV's that look like Dialog boxes with title bar and minimize button.
Please create the ability to have stationary DIV's that look like Dialog boxes with title bar and minimize button. That way everything will look the same theme wise without a lot of code. I of course am able to simulate the look of my DIV's with the rounded corners and the title bar with a minimize button. But thats a lot of DIV's and CSS and code. Thanks. Instead of "dialog' you could call it 'divbox' or something like that. Thanks.
jQuery UI Tabs Pause on Hover extension
Hi! since jQuery 1.9 version there are a lot of changes, for examle Tabs removed rotate method but linked an extension for rotate. I've made also an extension for pause on hover on UI Tabs Rotate. If you have issues or ideas to improve the small extension, i will be glad to receive it!
Suggest this script for the specific date picker container
Hello, I suggest this script for the specific date picker container. Thanks for all,
ThemeRoller and LESS framework
Greetings! Have you any plans to use the LESS framework in ThemeRoller engine? I think it's better to use an explicit variables (for colors, font face etc.) instead of magic and error prone regexp substitution.
[autocomplete] add option to allow HTML in label
I spend the last two days changing all 4 different types of fancy list controls and autocomplete functions we use to jQuery UI's autocomplete! I love that there is 1 out of the box solution for so many different situations! The main thing I've been missing is an option that allows me to format the label used by the widget. I have read that I can override the renderitem method, but this seems like a very very complicated solution to a very simple problem. The render item function currently is:
Themeroller Less-Support
Hello, I would like to have LESS-Support in Themeroller. I think that would be a great idea. Maybe it would also be easiert to build the themes. Might you could use the Bootstrap-Server-Sources. Thomas131
dragging a group of items, alsoDrag (like alsoResize)
I hacked together this functionality (meemoo.org/iframework) to drag multiple items together. It would be nicer if this were built-in, and worked like alsoResize. Then you just could do: $(selector).draggable( alsoDrag: "ui-selected" ) to drag a group of selected selectables. Has anybody implemented something like alsoDrag?
Extend datepicker to fill calendar with pre-existing dates and highlight them....
Hi, what I would want to have is a functionality, where I can define certain groups, assigning them a specific colour, then, in a second step, assign certain dates and names into those groups. If the calendar shows such a date, it should be marked by the colour provided for it's group and show the name as a tool tip on mouse hover. If a date appears multiple times, each name should appear in the tool tip in a new line. And maybe there should be a hardcoded background-colour implying "multiple", if
[jQueryUI] [Tooltip] One more demo - Growl
Here is a proposal for a one more demo for Tooltip: simple growl. With the new jQueryUI Tooltip widget there is no need in a separate growl plugin anymore. http://jsfiddle.net/yarshevich/GrFDQ Please let me know if it sounds reasonable. I can add it to the demo site.
Add thumb up / thumb down icons to default theme
It would be cool to have a thumb up and a thumb down icon in the default theme. :-)
Suffix character for Spinner
It would be really useful if there could be a suffix option for the spinner component. I need it to use spinner as percentage. Thanks!
jquery ui should support deferred and promises
e.g. the tabs widget: When activating a tab (which might be a static one, or might be a ajax load), this should give access to a promise so you can use : .done( function () { .. } ) for writing code when activating of tab is done (again, ajax or static) .fail( ) for writing code when activating a tab failed, and .always for writing code to be executed in both cases.
datepicker positioning
Why doesn't the jQuery UI datepicker use the build-in position utility? I searched the docs and couldn't find any instructions on how to change the position of the popup. There are lots of blog posts and answers on StackOverflow out there showing how to reposition it using the beforeShow callback, but really including the position utility would make it so much easier.
Change to ThemeRoller generated index.html
I recently discovered the URL imbedded in jquery-ui.xx-xx.css that can be used to edit the custom theme. Very Nice! However, I stumbled upon it at the very bottom of Getting_Started by accident. I wish I had known about it sooner. I manually added it to index.html for easy access in the future: I think it would be very useful to make this link part of the generated index.html .
Modal Dialog opening in the same place
Currently, if you have a click even top open a modal modal dialog, and then you move that modal dialog, and then fire of the event to open the original modal dialog, it will reopen in the position it was moved to. This was not the behavior I was looking for, so I had to implement an addition function to my click event to reset the position. It would be nice if there was an option to have the position be the same every time you open it, and not the position it was moved to. After a lot of looking
Adding an autofill option and anchored filters to the autocomplete plugin
I propose a couple of new features for the autocomplete plugin. First, add the option to do the text filtering based on the first characters in the source instead of the character string contained in the source. Secondly, add an autoFill option so that the first selection will auto-populate into the input box, with the portion of that option not already typed created as a selection. When the user types in the next character, the selected portion will immediately disappear as part of the keyDown event.
jQuery UI skeleton theme
This probably is not a new idea but anyways.. I'm a front-end developer and used jQuery UI components multiple times, I think they are easy to implement and usually they do the job just fine. But, there's always but, most of the time our graphic designers want make changes to colors, backgrounds, icons etc. and that gives me usually headache. I have to overwrite UI's othrewise fine CSS in my own css and it feels like a hack (one element, multiple css). So my proposal is jQuery UI skeleton theme css.
[Autocomplete] Add an option : match
Hi :) It would be great to be able to enclose matched result in autocompletion with tags we wants. Something like that : $("input").autocomplete({ source: "url.php", minLength: 2, delay: 750, appendTo: "#tag", match: function (matched) { return "<strong>" . matched . "</strong>" } }); Thanks :)
Add an afterdrag event to draggable
I think there should be an callback for immediately after the drag has occurred. The reason I've needed this is because I've needed to manipulate the draggable after its been dragged (specifically, without stopping the drag). My current use-case is as follows: The user can drag an image around to select an appropriate cropping, but I need to prevent them from dragging any part outside of its container, thus creating whitespace. This is difficult because: 1) Returning false from the drag event stops
Contextual auto-escaping for JQuery templates
I'd like to make JQuery templates robust against XSS by using the contexts in which ${}s appear to choose an appropriate escaping function automatically. Is this something in which the jQuery community would be interested? Details at http://js-quasis-libraries-and-repl.googlecode.com/svn/trunk/safetemplate.html cheers, mike
RTL
Hello, I just started playing around with jQuery - and found it fascinating... ...however I saw some logical bug in the datepicker. As one, who works on RTL web automatically tested datepicker like that. The only problem I had is about the place of the button used to open the calendar. jQuery states that if it is a LTR control the button should be after the original control, but if a RTL one the button should placed before. In fact it is true ONLY if you have a LTR page with some RTL controls on
Date Picker global "leak"
I noticed that the Date Picker stores a global ("DP_jQuery" + dpuuid) for conflict avoidance even if no widget is ever created. Whilst it would be better not to have it at all, couldn't it be at least deferred until the first time a date picker is instantiated?
JQuery UI for not supporting IE6
I am not jscript develper, but I know, lots of js and CSS is written to support IE6 quirks. I am think, jquery team can fork another branch for core + CSS code, which supports IE7+ , FF, chrome only. I think, jquery code might be more stable and resilient, if we take out IE6. Once that forked branch is stable, then Jquery team can give option to users, which version to use. Hopefully, users will stop using IE6 compliant version and JQuery team can deprecate their IE6 version. PS: The reason,
HTML 5 markup for widgets
Hi all, I am new here but a long time user of jquery UI. I am starting my activity in this space with an idea: - should the widgets use the new html5 semantic tags? I think this is a great help for developers because it would make the markup of the widgets much cleaner and easy to remember. I blogged about this but you dont have to go there, the key idea is most widgets represent paradigms that are easy to follow with semantic tags: - accordion is a TOC and a TOC in html 5 can be a nav element
Again on sortable theming info
I'd like to thank the team who fixed into api doc the info about theming for sortable... but when I write ( here: http://forum.jquery.com/topic/missing-theming-info-into-sortable-documentation) i was talking about an other part of the website: http://jqueryui.com/demos/sortable/ (where the tab on theming is missing) Could I suggest you to 'join' the two section in way you must write only one time the same info ? Again, thanks a lot for your work ...my work on javascript it's incredibly increased
Next Page