Styling nested tabs in 1.7.1
Since the properties were removed for NavClass, etc. in 1.7.1, I am struggling a bit with creating separate styles for nested tabs. The only way I can think of right now to do it is to do this: <style> Redefine all of the styles from the themeroller CSS here, at least the ones that are inherited by tabs and their container. </style> ... $(function() { // Create the subtabs $("#subtabs").tabs(); // Remove all existing CSS classes from the subtabs $('#subtabs').removeClass(); $('#subtabs ul').removeClass();
Resizable: alsoResiz and grid option
Hello, i'm playing around with resizables in jqueryui 1.7.1. I had a look at the synchronous resize demo and modified it like this: $(function() { $("#resizable").resizable({ alsoResize: '#also', grid: [50,50] }); $("#also").resizable(); }); I noticed that the first resizable snaps to the grid, but the second does not, it resizes smooth. I'd like the second resizable also to snap to the grid. I tried adding grid[50,50] to the second resizable. When i onli resize the second resizable, it snaps to
problem with setting value in slider created with selectToUISlider plugin
Hi all, Could somebody please hint me what I'm doing wrong. In the last line of the fragment, I'm trying to set the time slider to the maximum value. The consoleLog line successfully prints: value = 0, min = 0, max = 1. So my getter for the current value works ok, but the setter does not seem to have any effect (the last line). ps > I changed one line in the script, the computation of increm, such that the subsequent loop will not hang even if options.labels is more than twice as big as selectOptions.length
Extending Existing Widget.?.
Is it possible to extend an existing UI widget? I'd like to extend accordion and add a couple features. I've taken a look at how .ui.mouse is extended and tried the same thing but it doesn't seem to work. Thanks
Datepicker
By default the previous dates(before today) are disabled. How can i set it so that all the dates are available in the date picker.
Multiple Select Dates in one Calendar
Basically I am trying to let the user select up to 3 dates on a single calendar for when an even would repeat. Pretty much exactly this example: http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerMultipleLimit.htm I would use it but it is not nearly as reliable as the jquery UI datepicker. Let me know if you have any suggestions.
Plugin for possible addition to jQuery UI
Some colleagues mentioned I should get in touch with the jQuery UI team about possibly adding my plugin to jQuery UI. It's a content slider with a few simple goals. I created it to be easy to implement, smooth, loop and bring an end to the awkward "content rewind". You can view the project at GitHub: http://github.com/nathansearles/loopedSlider/ Thanks for the consideration. Appreciate it!
Strange IE Behaviour of JQueryUI with dropdowns
I have some select boxes into the code, with no strange code. When I include the CSS stylesheet from JQuery only in IE6/7 some combos (not all of them) close alone when the mouse move. Sometimes. There is no single line of JS included in the page. When I remove the stylesheet it works as expected, without closing the "combos" automatically. :s Any ideas? This is killing me ! :D Thanks, Leonardo
Selecting tabs from javascript
I found some example code in the docs for selecting tabs via links. I came up with this: var $tabs = $('#tabs').tabs(); $('#find_out_more_link').click( function(){ $tabs.tabs('select', 1); }); This works, but my mouse pointer does not change when I hover over the link. It usually changes to a pointer finger. Now it just stays as the text selection bar. I think this will be confusing to users; There is no visible change when hovering over the link. It looks like something that can not be clicked.
multiple tab link sets but only one tab area
What I want to do is have one tab content area, and within it will have divs for each tab anchor, but the links that open the tabs will be in two different sections of the page. One set is on the left, another set is at the top. This isn't my design but the designers. I want the content section to be the same though. The tabs script though will treat each ul list as a different set of tabs and it will show the content from each sets of tabs at the same time. I want it to only show one tab at a time
transparent background on tabs content
Hi all, anyone could help me to set background color in tabs content to trasparent? I need it because the tab div is in a father div that use a background image and I want that image visible on tabs content background. Thanks
Problem with nested Draggables and Droppables in IE
Hi! I encountered a problem while i was trying to create two DIV's which are draggable. In Firefox 2 everything works properly but in IE strange things happen. If I drag the inner DIV (#b) around the parent (#a) follows this movement and this is not working as intended. This is my code for the Draggables: $(document).ready( function() { $('#b').draggable(); $('#a').draggable(); } ); The HTML-Part is: <div id="a" class="b" style="width: 300px; height: 300px; border: 1px solid
Show and Hide farbtastic onClick
I apply the farbtastic jQuery plugin to my input like in the demo of the site, but what I want is like the jQuery UI themeroller is doing. Someone can explain how the themeroller do that with an example? Thank you very much. StErMi.
Question about Jquery accordion activate
Hi everyone, I have a requirement where I need to collapse and expand all the accordions. I know its not possible to do it directly using jquery accordion. My approach to achieve that is by having three accordions sets(with one accordion in it) as shown below, and I am using $ ('.section').accordion('activate', -1) to collapse all my accordions and I am using $('.section').accordion('activate', 0) to expand them. The collapse works fine, but the expand is not working as I expect it to, it works like
i want knob theme in jquery ui !!
i want it maybe in the next version i want knob theme ! i want knob theme ! ! i want knob theme ! ! !
Need help in Jqury Sortable
Hi, I am new in Jquery. I want to use sortableUI to my datalist. Each row in datalist contains text with serial number. I have used sortable ui successfully. But now I want move the text not the serial number while sorting. For example: 1. A 2. B 3. C I want to sort items A,B or C..But not the Serial no. Any suggestions? Thanks in advance. Miti
Dialog is not re-invoked after close
Hi guys, I am a bit of a newbie to jQuery UI. I am playing with the Dialog widget. And here is the situation. Basically I have a form that does and ajaxForm submit to get the results from the server, upon success it invokes the dialog to display the results. However when the dialog is closed and form is submitted again, the dialog does not re-appear. I understand it is something very simple, but I don't see it. :-) Would you be so kind to help out? Thanks a bunch in advance. Here is the HTML: <!DOCTYPE
tabs css
hi, i'm rolling my own tabs (because i need them to added dynamically, and don't need the containers) and was trying to get the look and feel of jquery's tabs. i tried: <ul class='ui-tabs-nav'><li class=''><a href=''><span>test</span></a></ li></ul> and included ui.tabs.css, but it didn't do anything - the ul was displayed as a regular list any suggestions? thanks
Elements to inherit UI theme colors
I want to use UI theme colors on other elements of my pages and for them to switch automatically when UI theme is changed. I was going through css files generated by theme-rollerand didn't find any classes just for defining colors or borders used in a theme. For starters I wanted my form fields to have borders similar to UI theme. I used "ui-widget-content" and it worked fairly well, but I was wondering if there is a better way to do this.
Problem with checkboxes in Tabs/Accordion headers
Hi, I'm trying to design a page component that contains checkbox inuts as part of the tab or accordion header elements. Logically speaking, the user can first "elect" to see a piece of functionality contained in the tab/checkbox in addition to simply choosing to view it. The issue that I am experiencing is that the user is unable to toggle the checkbox state, it appears as though the jQuery UI component is triggering a double click of the element, returning it to its original state instead of toggling
Hide slow
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div>Hi,</div><div> </div><div>I have made a site where I combine to jquery effects</div><div> </div><div><a href="http://www.dezaakwijsman.nl">www.dezaakwijsman.nl</a> Skip the intro.</div><div> </div><div>This is the code</div><div> </div><div><div><script src="<a href="http://www.dezaakwijsman.nl/scripts/jquery.js">http://www.dezaakwijsman.nl/scripts/jquery.js</a>" type="text/javascript"></script></div><div> </div><div> <script
issue with jquery drag n drop and lightbox2
It seems that when you have a page with both the query drag n drop and lightbox2, the jquery drag n drop doesn't work anymore. If i comment out the lightbox code like i have done below: <!--draggable navigation code--> <script type="text/javascript" src="<?php echo $siteurl; ?>style/ jquery-1.3.2.js"></script> <script type="text/javascript" src="<?php echo $siteurl; ?>style/ ui.core.js"></script> <script type="text/javascript" src="<?php echo $siteurl; ?>style/ ui.draggable.js"></script> <script
asp.net button inside dialog
Hi, I am trying to do the following: 1. On click on an asp.net button a jquery dialog will open (function CreateDialog() called on click) 2. Depending on the parameters sent in to CreateDialog(), certain buttons and icons will be displayed inside the dialog. 3. The spec says that the buttons inside the dialog should be asp.net buttons. My problems are the following: 1. I have moved the dialog in to the form by $("#jDialog").dialog("destroy").appendTo("#form1"). That makes the dialog display:none
issue with jquery drag n drop and lightbox2
It seems that when you have a page with both the query drag n drop and lightbox2, the jquery drag n drop doesn't work anymore if i comment out the lightbox code like i have done below: <!--draggable navigation code--> <script type="text/javascript" src="<?php echo $siteurl; ?>style/ jquery-1.3.2.js"></script> <script type="text/javascript" src="<?php echo $siteurl; ?>style/ ui.core.js"></script> <script type="text/javascript" src="<?php echo $siteurl; ?>style/ ui.draggable.js"></script> <script type="text/javascript">
dynamic image loading from a folder
Hi all im trying to build up an image gallery using galleria. My requirement is to change the code to read a folder and load the images to the gallery. i.e rather than having many <li> tag for each image can I change it to loop through the folder and load the images.. Im new to jquery and any help regarding this is highly appreciated…
Add asp buttons dynamically to dialog?
Hi, Is it possible to add/remove asp buttons to a jquery dialog dynamically in code? How? Thanks -- View this message in context: http://www.nabble.com/Add-asp-buttons-dynamically-to-dialog--tp23483920s27240p23483920.html Sent from the jQuery UI Discussion mailing list archive at Nabble.com.
Tabs CSS issue
I saw that a couple of people have posted this question already, but no decisive solution could be found. I would therefor like to take the opportunity to raise the following issue again. The tabs.css that is supplied in the examples look very slick, up until there are so many tabs that they can no longer fill one row. If the tabs are divided into two (or more) rows, and one selects a tab in the top-line, the tabs in the second row are not aligned properly. So instead of getting ( x = unselected,
Help with Tabs plz:(
Hi! I'm asking for your help cuz im a bit stuck with tabs here. In asp.net, each time the page is being loaded again[which happens quiet a lot, i dont use ajax for the time being] the focus on the selected tab is automatically being moved to the first tab. is there any action i could use to keep the focus on the tab i'm working with? would consider any option, even AJAX. thx :)
datepicker not sitting over dropdowns in IE 6
For some reason our datepicker is falling behind the dropdowns below it in IE6. http://www.senegal.co.uk/ Every search I have done seems to suggest the datepicker should deal with this issue. We do have the following css in place: .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height:
help positioning color picker & dropdown
Hi, i'm trying to use the color picker widget (http://www.eyecon.ro/ colorpicker/) as well as the dropdown select menu (http://remiya.com/ cms/projects/jquery-plugins/dropdown/), and i've added them to a <div> element that is acting as a toolbar with a bunch of other icons. the issue with both is that they end up being displayed all the way over on the left border, instead of where i positioned them in the div, after a line of buttons (when i insert text in the same position, it is displayed correctly).
animate font color jquery
I am trying to make font color fading from one color to another. The code below doesnt work from red to black. Can someone help to fix that? Thanks [code] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/ jquery.js"
Multiple jQuery slider handles?
Hi jQuery UI community! I was wondering if it's possible (supported at a fairly high level) to have multiple range slider handles in a single jQuery slider? I did not see any example of this in the demo section, only of multiple sliders. The reason for my question is that I need to select multiple ranges within a slider (e.g. time periods within a day). Any advice/answers are welcome! BR Z
Horizontal Accordions/Toggle Multiple
Just curious, why is it so difficult in jQuery to create horizontal (left, right) toggles or accordions - especially those where you can select multiple panels to be open?
Accordion for side menus style help with themeroller
I wish to use the accordion widget for simple side menus. So the contents of each section are a series of <a> links. Should I put these links into a <ul> container, and if so what do I need to style change to get a good looking set of links that interface with the theme roller ? It seems to me the default setting are for actual content within each section, and not a list of menu choices. I.E I would like the accordion widget to give a menu something like:- http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-glossy.htm
drag and drop clone issue in 1.7
i am not much experienced in UI but have worked with its few widgets . i am using drag and drop approach. i have lists of products and want to drop that products in the box. it works fine as i got the demo from http://jqueryui.com/demos/droppable/#photo-manager. The Problem is that , when i drag and product image in the box it disappears from its location and drop in the box. i want my product that i drag should be there and a clone of product image should be in the box. Plz help me , i have been
Character encoding in tabs? (urlencode hinders tab selection)
Swedish characters get substituted when setting the tabTemplate option. For example using "ö" in the href: var $tabs = $("#tabs").tabs('option', 'tabTemplate', '<li><a href="#{href}">#{label}</a></li>'); becomes: <li><a href="#%C3%B6">ö</a></li> This renders the tab unselectable .... What to do? thanks.
Accordion Menu Help
I was wondering if anyone could help me with the UI Accordion? I would like to set the accordion to closed when i open a web page as opposed to having the first item being expanded. I was wondering if there was a simple way to tell the browser to contract the menu until it is clicked on? I know this is probably a simple task but I am a newbie. Thanks in advanced
Dialog + DatePicker
Hi, I use the "Dialog" to make a window form. It works perfect. But if i add a jquery ui date picker to the "window", the date picker do not show above the "window" (it shows behind the window). How to make the date picker shows above the window? Thanks.
getting state of selectable
I need to know whether any particular instance of a selectable is enabled or disabled I am trying var s= $('#selectable').selectable('option','enable'); but s is undefined... what am I doing wrong? thanks
icon problems in ie6
use the demo page index.html at the jquery ui package download from jquery.com. in this page, u can see in the left of the 'open dialog' button, the little icon disappeared in ie6, but in ff, it works ok. another question, the icon buttons in ie6 is rectangle, how can i get the circle corn shaps, just like in ff.
Next Page