Reducing space at top of jQuery UI button
I have set a fixed height on a jQuery UI button, and would like to reduce the padding at the top of the button so that the text is centered vertically. I have tried setting padding-top but it seems like that property is ignored. How do I cause the "Open" text in the following example shift up? http://jsfiddle.net/dlwhiteman/we12my7t/3/
question for open dialog.
How to open dialog by using jquery 1.9.1 in zendframework?
Multi colored jquery ui accordion
Hey, I tried doing this before, but no success, how do i make the jquery ui accordion multi colored. I need the background colors to be of each header (of the accordion section) to be each a different color. How would i do this, i tried using basic css styles: background-color: /*my color etc..*/ but no luck please help
Sharepoint list adding jquery tooltip
Hi i'm new to using jquery ui , i'm trying to implement the jquery ui tooltip but i'm not sure how or where to insert the code in a share point list new form , can someone please advice or send a sample code in a sharepoint list if possible
draggable problem in Chrome
Hello. Using jQueryUI in Edge Animate, I've made a symbol draggable when it's moused over. I've also set it to revert to its original position. When I test the results, everything looks fine in Firefox and Internet Explorer; but in Chrome, if I drag this symbol quickly, it's leading edge can disappear as if it's being clipped or experiencing a rendering problem. This is even more noticeable when it's reverting. I'm using 64-bit Windows 7 SP1 and Chrome is up to date. Has anyone else experienced this?
Sortable hard to sort using a horizontal div sort/is sortable exactly what i need?
Hello all, I was looking for a way to move SVG elemtns created with JQuerySVG back and forth and sort them into place like chrome tabs, and found Sortable in the ui. There are a lot of useful parts to this, but also some issues I have faced. 1. The major issue I am facing is that I am looking to use this horizontal and not vertical. I had looked up ways to do what I needed and "#sortable > div { float: left }" seemed to be what worked the best. It creates my list exactly how I want, however
How do you add an icon to the title of a dialog box?
The question is pretty self explanatory.
Datepicker on mobile devices
Is there any way to get jQuery UI datepicker to have displayed properly on mobile devices (phones)? I saw some kind of "wrappers" for a datepicker, which use jQuery Mobile (example: http://demos.jquerymobile.com/1.4.1/datepicker/), but those wrappers are messing around with "desktop" version of a datepicker. Thanks, -- Adam
Set an end date based on start date using datepicker
In few words I need to set a start date using datepicker (allows future dates only) and then set an end date based on chosen day from particular month where end date will be last day of chosen month from Start Date. HTML code looks like: <fieldset> <label for="dataStart">Start Date</label> <input type="text" style="width: 88px;" class="datepicker" id="dataStart" size="10" name="dataStart" /> </fieldset> <fieldset> <label for="dataEnd">End Date</label> <input type="text" style="width:
Custom submenu icon
Hi, Is there a way of using a custom icon for my submenus? I can change the icon like this $("#mymenu").menu({icons: { submenu: "ui-icon-circle-triangle-e" } but i would like ui-icon-circle-triangle-e to be an image i create myself Thanks.
Tooltip shows in popup dialog in open
This is the same as this old thread which surprised me as that is quite an old topic now. To recap - if you have the tooltips active on the document and then open a dialog, the very first 'title' attribute on the popup triggers a tooltip to open regardless of where the mouse is. And you have to click to remove it. We make a lot of use of the dialog! As this is happening on the UI libs I downloaded just yesterday this is clearly still an issue. So I don't expect a proper fix. But - can anyone suggest
Keeping Dialog open when form validation fails
have a jQuery UI dialog that contains a small form. When submitting the form it closes the dialog. This would be fine if the form is completed properly but if it isn't the validation messages appear so in the event of this I need the dialog to stay open. The problem I have is that I am using Webassist's Dreamweaver extensions to write the php for the validation and calls to the Database which inserts the form data which is triggered by the SUBMIT button. I somehow need to prevent the submit button
Dropdown menu not styling or behaving like a menu
I have copied this almost exactly out of the demo code: http://jsfiddle.net/mitchsumma/whw7upp8/1/ ...but the dropdown menu items are not styling like menu elements and look and behave just like plain <li> elements. Any ideas on what is going on here? -Mitch mitch@summa-tech.com
Problem with CSS' :active selector in Firefox
Hello, I found that there is a problem with css' :active pseudo selector when jQuery UI is used (in my case, I use Accordion). This happens only in Firefox, in IE and Chrome there is no problem. I'm not sure if problem happens in jquery UI code or jquery code, but it exists and it's is annoying. Do you have any suggestions what could cause this problem? I tried to debug and comment portion of the code in jquery UI class and jquery css, but without success until now.
Animation gets interrupted when user clicks multiple times and fast
Hello all, I'm quite happy with an effect on http://4nf.org/ I called "squeeze". I've currently set the time for the animation to 500 for illustration purposes. What the algorithm in pseudo-code looks like is as follows: For every valid click: - animate the width of the #content div to 0, increasing the margin reciprocally. - swap the #content div with Ajax - animate the width of the #content div back to original value, decreasing the margin reciprocally. Everything works fine, if the user operates
Update JQuery ui Combobox with button
Dear community, I am trying to use the JQuery ui combox and trying to link it to a button. Here is my fiddle: jsfiddle.net/tokool/e339zu9t What I am trying to achieve is to change the selection of the JQuery dropdown combobox using a separate button called "next". The result I would like is: every time I press the "next" button the JQuery dropdown should change automatically to the next selection and alert my to the ui.item.value. So If I have selected Q2 from the combobox, and
dialog save position and size
I have dialog in a page the auto-refreshes every 5 minutes. If the dialog is resized or moved i would like to save its position and size. what is the easeist way to do this? thanks for any help. <div id="dialog_mon" class="mon" title="Dialog"> </div> <script type="text/javascript"> $(function () { $("#dialog_mon").dialog({ resizable: true,
selectmenu on a dialog box probem
The dropdown menu appears on the back of the dialog. Prepared a demo : problem with jquery ui selectmenu on a dialog Can somebody help me to understand where (if) I wrong? Thank you Claudio
Jquery Drag Drop scroll issue in mboile browser
check code http://liveweave.com/DxFQcV enter image description here
i have both scrollable and droppable object , problem i that when i try to scroll in mobile device object starts dragging how to stop dragging behaviour when scrolled
is it possible to stop vertical drag drop or any better way to overcome it
i had set axis:"x"
but still problem in mobile browser what could be solution:
1: is it possible to start drag when mouse goes out of image ul
2: or can i start drag on tap or taphold event
or
jQuery Accordion and Tabs
When I look at demos on the jQuery UI site, it seems that the tab and accordion demos have lost their style. Instances of them I'm currently using have done the same. I've looked in multiple browsers and multiple forums to no avail. Would anyone be willing to look at code for me? There's lots of it below. Nesting accordion items within tabs themselves. Link: MCS <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"
Button not receiving hover and active CSS styling
So the developers on my team are using the jQuery UI buttons for this dialog. The buttons on the bottom work correctly in terms of getting the theme's CSS button states. The one's highlighted in red are NOT. They all have the same exact CSS classes. This is the HTML for one of them: <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false" type="button" data-bind="click: drivenOne.searchViewModel.simpleSearchButtonClick"> <span
How do I query a multidimesional array for autocomplete
Hi All, I have a table with color code, color name and ID is it possible with the autocomplete feature to query the code and name fields and return the ID field? is there any example or documentation about this ? thanks in advantage ! Bauke
Icons doesn't appear in accordion method
Hi, I've downloaded whole jQuery-Ui package, to use accordion UI. This is the source code of my page: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>.:jQuery-ui:.</title> <script src="jquery-ui/external/jquery/jquery.js"></script> <script src="jquery-ui/jquery-ui.min.js"></script> <link rel="stylesheet" href="jquery-ui/jquery-ui.min.css"> <body> <div id="accordion"> <h3>Section 1</h3> <div>sgoihaogiha giohag oaighaiog haouigh auioghag</div> <h3>Section 2</h3> <div>osguaoigjhaoigh
jQuery UI Datepicker - Colour-coding dates in a calendar
I am using jQuery UI Datepicker in the conventional way for selecting dates. Now I also want to use it to display a calendar with some dates colour-coded according to certain characteristics. The calendar is called on the page with <div id="calendar"></div> and the script on the page (so far) is $(function() { $( "#calendar" ).datepicker({ numberOfMonths: 4 }); }); The information about each date will come from a mySQL database. How can I put a different background colour on each date to show the
Keyboard navigation in Selectable
At http://wiki.jqueryui.com/w/page/12138039/Selectable it says that I can navigate with keyboard events. Neither in my project nor in http://jqueryui.com/selectable/ can I use the up and down arrows to navigate through a list. I have looked through the API to see if I haven't enabled it but there are no options for keyboard even though my first link says: keyboard (Boolean | default: true) Disables or enables keyboard selection (this does not affect mouse+key combinations). What am I doing wrong
Why is there no jQuery UI horizontal menu?
I only saw the vertical menu. I thought horizontal menus were the norm, but I think I am behind. I was hoping for comments. Thanks.
How to initialize autocomplete for multiple dynamically inserted element?
In our Rails 3.2 app, a autocomplete field item_name_autocomplete is inserted onto the form when user clicks Insert button. After insertion, the user can do autocomplete with the field. The id of the inserted item_name_autocomplete is unique and dynamically assigned when the element gets inserted. Here is the Rails view code to create html: <%= f.input :item_name_autocomplete, :label => t("Item Name"), :input_html => { data: {autocomplete_source: SUBURI + base_materialx.autocomplete_parts_path}}
JQuey UI selectmenu goes behind iframe with PDF
I have a page (see attached image) that contains a jquery ui selectmenu along with an iframe below it. The iframe is loaded dynamically via a servlet and can contain either plain HTML or a PDF document. The problem I'm having is when a PDF is loaded into the iframe, the options in the selectmenu go behind the iframe/pdf when dropped-down. When the iframe is loaded with plain HTML, the selectmenu items are displayed correctly over the iframe when dropped down. I'm having this issue on IE 9 and
Two chained selectmenu with Jquery UI selectmenu()
two related selectmenu "country and city" without jquery ui styling works perfekt. I read here about refresh, but i Could not get it here is the codes: index.php ------------ <?php $mysqli = new mysqli("localhost", "root", "", "test"); if ($mysqli->connect_errno) { echo "Failed to connect to MySQL: (" . $mysqli->connect_errno . ") " . $mysqli->connect_error; } ?> <!doctype html> <html lang="en"> <head> <?php include './head.php'; ?> </head> <body> <select name="country" id="country"> <?php $opt
jquery drag drop hangs or stucks for android browser
see below link http://liveweave.com/JckSgC [ ^ ] when i try to drag drop items item gets stucked some where on mobile screen without being dropped to droppable area, and when i click somewhere and screen it starts working (this bascially happend one i open page for first time) what could be issue and how to resolve it
Where to download JQuery UI 1.11.1 for AMD
Hello, I would like to download JQuery UI 1.11.1 for AMD (i.e. accordion.js, autocomplete.js). The link below has only concatenated version. http://jqueryui.com/download/all/ Where do I download multiple files for AMD? Thank you, Hosun
Need help
I am new in web development field.I have seen all jquery ui demos and source also, i want to know from where i can get the style.css for this demos
Need help
I m new in web development.I have seen all the demos and their source code in jquery ui section,I want to know from where i can get all the styles for demos
Inconsistent Draggable performance on IE11
I have what is admittedly a complex single-page web application, on which there are 6-10 draggable elements. I've noticed that the dragging performance is inconsistent. Sometimes it's fast and very smooth, other times it's slow and very choppy. I'm not actually doing anything during a drag, and I've tried to eliminate any possible factors in testing, so I'm not really sure what's up. I've tried playing with the profiling tool, but I'm not really sure how to read it. For the test runs I simply dragged
UI Selectable - selecting all between start and stop
Reference: http://jqueryui.com/selectable/#display-grid With the demo in grid view, a "drag start" over the "1" box to a "drag stop" over the 6 box will cause boxes 1, 2, 5 and 6 to be selected: ◼◼◻◻ ◼◼◻◻ ◻◻◻◻ I'd like to change that behavior (or add a new option that changes that behavior) such that all the boxes between drag start and stop are selected (i.e., 1, 2, 3, 4, 5 and 6 -- the same as would be selected when dragging from 1 to 6 in list view). ◼◼◼◼ ◼◼◻◻ ◻◻◻◻ I'm too new to jQuery and
UI Theme does not adjust button
Hi, not sure if this the right area to report this, but it seems that when changing the font size all but the Button are getting the new size. Can someone confirm this? Thanks guys
UI Autocomplete onfocus/onclick = slow
Hello, this is my first post here, I hope it is the correct place :-) I have 2 websites; on website A a complex form F with 70 inputs with autocomplete; here it works fine. On website B, same form F, but several other jQuery plugins. On website B, when I click on any input (with autocomplete), it gets the focus only after 1 second or more. On some slow computers / smartphones, users need 5 seconds... and think the website doesn't work. How can I find the problem, the conflict between plugins, the
datepicker styles and bootstrap 3
I am using jQuery UI datepicker with the UI brightness theme in a project and it can be used by end users along with Bootstrap 3 styles. I noticed that when using the changeMonth or changeYear options, the select dropdowns in the datepicker widget get a style definition of "color:inherit" from the bootstrap sheet, so it is rendered with white text on white background. I had to add an explicit color setting to the .ui-datepicker .ui-datepicker-title select elements. I do not expect that someone goes
Range slider w/ 2 handles, but need one readonly
So the way it works is I have one fixed-min slider (0 - 2000), and after that comes a two-handle range slider (same range, 0 - 2000). The minimum starting value of the second slider comes from the value you get in the first fixed-min slider. What I need is for the min value of that second slider to be read-only. The fiddle makes it a little more clear: http://jsfiddle.net/Jackpot/8fe3rn3f
jquery ui bugs in 1.11.2
is that an issue of intent descargarme jquery version 1.11.2 and , try to demo the menu tabs , these are not shown as they are in the demo. Probe copying the lines of the import of the demo on my project and if these are but they suggest placing in section to learn jquery ui they appear wrong. Then probe with a download that I have the version 1.11.1 and these if they look good so my question is: is it of any error or bug or this version has changed the structure of the files and therefore routes
Next Page