dialog problems experienced with new RC6 release
I've just started testing against rc6 and noticed the shadow has been introduced for dialogs in the release however it's not quite working for me. I have a few dialogs with height of auto and they all exhibit the same behavior. The shadow has a height shorter than the dialog. It is approx the same amount less in height as the button bar. If I set the height to a fixed amount the problem disappears. I also noticed that the overlay color config I used to have no longer works: overlay : { opacity :
Creating Buttons with the jQuery UI CSS Framework
For those interested in using the jQuery UI CSS Framework to create buttons, check out Filament's new article: http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/ This should prove useful as guidelines and recommendations for the future UI button widget. ...reposted from Dev list...
Theme Roller Suggestions
Add a readme file to the download • Note when using em to set page body font size to 65% • em scales, so use px if that is issue with page design • selecting bold doesn't modify everything in TR normal text is still normal • promote theming API here with note and link also Note: we need to make a theming AIR app, ESP one that could be reused! John Farrar (mobile)
Inline Datepicker Button Panel
Curious if there is a particular reason why the showButtonPanel option doesn't work with inline datepickers? -- Brandon Aaron
ThemeRoller suggestion, padding controls?
Not a big deal, but I was thinking it would be nice if you could resize the "tabs" within ThemeRoller, I assume this would be done w/ padding controls.
ui.mouse.js, ui.draggable.js, ui.draggable.ext.js & the Bibeault book
Hi. I have just worked through the *amazing* Bibeault "jQuaery in Action" book and I want to build some "draggable()" stuff. But the book describes the need for the following JS files: - ui.mouse.js - ui.draggable.js - ui.draggable.ext.js but these don't seem to exist - or at least I can't find them on jQuery.com. What am I missing? Alex
Draggable & Dialog performance issues (IE7)
Hi, I'm trying to do some kind of drag&drop application. Everything is allright except performance in IE7 (I didn't test it on 6). Site just freezes for a couple of seconds after load. It appears only in IE. I have 168 dropables elements and some (3-4) draggable elements. It's normal or i'm doing something wrong? Here is my code: $(document).ready(function(){ $(".posuwacz").draggable({ revert: true }); $(".oczekiwalnia").draggable({ revert: true }); $(".zrzut").droppable({ accept: ".posuwacz, .oczekiwalnia",
UIrc6 Dialog Overlay position
I've added the appropriate CSS for the Dialog overlay but for some reason it is appearing at the bottom of the page and extending the height... http://jsbin.com/afuka/edit
IE draggable containment issue when Position: Absolute
Hi, I'm having some trouble with the "containment" feature where there seems to be a left+2, top+2 shift: Demo: http://kaiyoti.com/jquery/new.html The cyan one is a draggable box, the yellow is a dummy (same size as cyan). Try dragging the cyan to the top left, and you'll notice that it's shifted to the right and down by 2 on each axis. Same thing happens when you drag to the bottom right corner, the result is placed overlapping the black border on the parent? Is there a workaround for this?
DatePicker - how can i restrict dates to old dates?
Hi, i see the documentation and examples of datepicker but i can't configure this to show old dates, i'm using the datepicker for a birthday input, so i need the years from 1970~ to 2009. can you help to do this, please? i try to use minDate and maxDate, but i dont found the correct values... =/ Thanks!! Ark
Dialog overlay is too large for screen size
This is something that i've been experiencing for a while and due to difficulties in creating a reliable test case i've refrained from submitting a bug report. I might start by describing the symptoms and possibly try again at reproducing this outside of my app if no-one has any thoughts on it from my description. What happens is that on all of my dialogs I find that the overlay is 10-20 pixels larger in width and height than browser window. The effect of this is for scrollbars to appear. This is
Error loading jquery-ui-personalized-1.5.3.min.js in IE7
I have a simple ASP.NET page where the jquery-1.3.1.min.js and jquery- ui-personalized-1.5.3.min.js files are loaded with no other .js files or calls on the page. When the page loads in FireFox3 there are no errors. However, when the same page loads in IE7 there is an error "Object not found". If I comment out jquery-ui- personalized-1.5.3.min.js the page loads w/ no errors. Any insights? Thanks, Chris
jQuery UI download .zip invalid?
After d/l the jQuery UI .zip file. WinZip says it is an invalid .zip file? I tried several times and combinations of components. Thoughts?
two column wide portlet
Has anyone ever tried to implement a portlet that is the width of two columns mixed in with portlets that are just one column wide? I just changed the width on one of the porlets to be as wide as two columns and it can still be moved around and everything, but it overlaps the portlets in the column next to it. You can't keep the portlets in the column next to it from sliding up because there isn't a portlet in that spot. Does any of this make sense? Let me know and I will try to put up an example
jquery datepicker ui - speed issues
Hello, I'm relatively new to using jquery UI. I had a quick question in regards to the jquery UI datepicker. I implemented a sample here: http://www.falkencreative/temp/in dex.html (remove spaces) it does work, but I'm not too excited by its performance -- it seems to take about three to four seconds between clicking on the input and the calendar showing up. This delay doesn't seem to occur when using the demo of the datepicker: file://localhost/Users/Falken/Desktop/test/index.html In both cases,
Default Grid implementation in 1.7
Do we know yet, if any, what the grid component will be based on? Could it possibly be jqGrid?<div> </div><div>Nathan</div>
where is progressbar???
I was using a very old version of progressbar that I found a long time ago before I started using JQuery, not realizing that it was a small part of something much bigger... Anyway, I try to upgrade to the latest version and strangely, I can't find it. I downloaded a customized version of the UI, but the word "progress" is nowhere to be found in the downloaded files. I downloaded the complete UI files. I got the zipped file with the individual components all listed separately in it. But still no progressbar.
Random - Tab events not being called
Hey guys, An odd error is occuring on my site I'm in the middle of developing and I can't for the life of me find the bug, firebug shows no errors but none of the events that are being binded are being called at all (ive tested with the alert() function ;) ) Any ideas? Test site: http://www.new.fetchmp3.com/dev/search.php?q=Fall+Out+Boy user: admin pass: google123 This bug I have is seriously confusing me as I cant see where ive gone wrong! Thanks guys, Sam
clearstyle accordion does not work
continuing the previous post, when I use accordion and set clearstyle:false it clears the style (height and overflow are modified) but when I set to nothing it only clears hlaf of the styles (overflow is modified) I really cannot find any way to force the overflow to auto it always changes to hidden any help is really appreciated thank you very much Eric
Problems with Dialog in IE
Hi. I'm using JQuery 1.3 and JQuery UI 1.6r5. I'm trying to use a dialog component to show some information. I'm creating in this way: $(document).ready(function(){ ...... $('#respuestasFlotantes').dialog({ autoOpen: false, width: 700, overlay: { backgroundColor: '#000', opacity: 0.2 }, modal: false }); } ...... <div id="respuestasFlotantes" title="Test"></div> Later, i make an Ajax call and the result is inserted in the dialog
How to use paging using jQuery
Hi, Plz tell me how I can use paging using jQuery if I have 1000 rows of data and I need to show 50 rows per page.How can I archive it.Plz provide some sample code. Thanks, Himanshu
UI 1.6 CSS Framework thought...
How do I deal with a situation where someone has JavaScript disabled in their browser? Suddenly my tabs (or whatever), while they won't work, which is ok, are now unstyled because all of the styling is done through the CSS that is added when I call $('#news).tabs().
datepicker beforeShowDay and css
Have been working the last 2 days in a availability calendar with ui datepicker. The code is working as expected but the theme interfere somewhere in the classes added dynamically. If we change the last line in a cycle (ex: "return [true, 'desocupa' ];" to "return [false, 'desocupa' ];" ) the styles change. look at http://www.realferias.com/datepik.asp?cod_casa=15 go to february and look at the classes generated by the array objects. my css: .ocupa{background-color:#FF6666;} .desocupa {background-color:#33CC33;
datepicker beforeShowDay and css
Have been working the last 2 days in a availability calendar with ui datepicker. The code is working as expected but the theme interfere somewhere in the classes added dynamically. If we change the last line in a cycle (ex: "return [true, 'desocupa' ];" to "return [false, 'desocupa' ];" ) the styles change. look at http://www.realferias.com/datepik.asp?cod_casa=15 go to february and look at the classes generated by the array objects. my css: .ocupa{background-color:#FF6666;} .desocupa {background-color:#33CC33;
datepicker add class
it is possible to add a class to datepicker cell(day). to use with beforeShowDay example: $("#Text1").datepicker({ beforeShowDay: nationalDays,showOtherMonths: true,showWeeks: true, firstDay: 7,changeFirstDay: false}); function nationalDays(date) { for (i = 0; i < natDays.length; i++) { if (date.getMonth() == natDays[i][0] - 1 && date.getDate() == natDays[i][1] && date.getFullYear() == natDays[i][2]) { return [false, natDays[i][0][1] ]; $(".ui-datepicker-days-cell").addclass("desocupa"); } } return
How to use jqGrid in Servlets/JSP pages
Hi, Can I create a grid using jqGrid in a Servlet/JSP page and load the data Using JDBC in the grid. Please give some sample Java code. Thanks, Himanshu
How to use jqGrid
Hi, Can I create a grid using jqGrid in a Servlet/JSP page and load the data Using JDBC in the grid. Please give some sample Java code. Thanks, Himanshu
Accordeon not working when loaded via Ajax
If I load a web page in the old way (everything at once), the widget works fine. If I try to load it in an jQuery Tab, that loads its content when clicked it does not work at all. All content hight is set to 0 (by style, so I can't change it) and the content is displayed in the background of the section headers. Code would be something like: <div> <div> <h3> ... exacltly the same as in the sample, acitivated with: jQuery('#payment_type').each(function(item) {jQuery(this).accordion ({header: "h3"});});
using tab -- newbie help
Hi, I'm trying to use jquery tab. I downloaded the latest jquery & jqueryUI (with tabs included) and I'm still getting a javascript error on l=c.Event(l) in the jquery ui file. I have defined the minimum style as indicated documentation. What else do I need to do to get this to work? Thanks a lot, Karen <style type="text/css"> .ui-tabs-hide { display: none; } </style> <script src="jquery-1.2.6.min.js" type="text/javascript"></script> <script src="jquery-ui-personalized-1.6rc5.min.js" type="text/
Inline Datepicker, display 6 weeks
Hi, I use DatePicker inline in a form and i have 2 questions. * How to display 6 weeks. * And how to reset after a DatePicker submit (without refreshing the form) (sorry for my English) BillyBob
onChangeMonthYear
Hi guys, I have a problem: I need to communicate to the page I'm in through get parameters a month and a year ("http://www.domain.com/thispage.php? month=mm&year=yy") through my Datepicker. Since the header is not linkable I'm using onChangeMonthYear to detect the month and year change but there's a problem: onChangeMonthYear detects a month/year change even at the page loading. Since in the function I use a redirect to the same page I'm in I get a redirect loop.... and that's too bad How can I fix
Datepicker (1.6RC5) issue with multiple rows
the options: numberOfMonths: [2,3], stepMonths: 4, showOn: 'both', buttonImage: '/common/images/calendar.png', buttonImageOnly: true should display for example: 1 2 3 4 5 6 But if the month in 3's position has less weeks than either of the months to the left of it (1, 2), it displays the second row incorrectly. So you might end up with: 1 2 3 4 5 6 I scrolled several months and it seems to be always true. You can see how it is happening easily with Firebug
closeOnEscape doesn't work?
I set closeOnEscape on dialog option as false. It will still close the dialog when I press ESC.
problem opening jQuery UI file
Hi, I went to ui.jquery.com/download and I tried to download script files for UI Core & Tabs. However, I cannot open the zip file. WinZip says "Cannot open file: it does not appear to be a valid archive." Any other way to obtain the file? Thanks!!!
R: [jquery-ui] Datepicker Theme and Links
<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;"><P>Thank you very much again.</P><P>Just one thing... why alert(date) prints just the year and not the month? oO?<BR></P><BR>--- <B>Gio 29/1/09, Ca-Phun Ung <I><caphun@yelotofu.com></I></B> ha scritto:<BR><BLOCKQUOTE style="border-left: 2px solid rgb(16, 16, 255); margin-left: 5px; padding-left: 5px;">Da: Ca-Phun Ung <caphun@yelotofu.com><BR>Oggetto: Re: R: [jquery-ui] Re: Datepicker Theme and Links<BR>A:
jqGrid using Local XML file
<span class="ppt" id="_user_jquery-ui@googlegroups.com"> Hi, <div>I am new to jQuery. I have to paint a Grid using jqGrid in which I have to show the data from a local XML file and Grid should be editable and changes made by user should get reflected in the XML file.</div> <div> </div> <div>Please provide me some sample.</div> Thanks, Himanshu </span>
Draggable & Resizable
Hi all, I'm very new with jQuery and jQuery UI. What I need to do is to have many "divs" with Draggable and Resizable behaviours, but when I drag some div, the resizable behaviour disapears. This is how I try to do it: I've an empty div <div id="editZones"></div>, and I dinamically create divs inside it by clicking on a button: <input type="button" id="add_zone_button" value="Agregar zona" /> This is the code that handles the button click and create the Draggable and Resizable divs inside the "editZones"
Essential Controls List
We have been asked by the authors of the, "Designing Web Interfaces" (bill scott, theresa neil) to provide a list of jquery UI and jquery plugins that would qualify as controls based on this blog post. http://designingwebinterfaces.com/posts Can anyone help with this task? I've got a good start on it but would like some input from others. You can help out by editing the wiki document or commenting on the wiki page? http://wiki.jqueryui.com/Essential-Controls-List thanks, cody
datepicker = set a variable to be the mindate
This may be stupid - but I can't seem to get this to work. I want to set a variable to be the date in the mindate This does not work [code] var myStartDate = "2009-01-15" var myStartDate2 = "2009,1-1,15" $("#doDate").datepicker({ dateFormat: "yy-mm-dd" , hideIfNoPrevNext: true , minDate: new Date(myStartDate) , maxDate: "0D" // can't put in date after today }); nor does this work $("#doDate").datepicker({ dateFormat: "yy-mm-dd" , hideIfNoPrevNext: true , minDate: new Date(myStartDate2)
jquery.ui-1.6rc4, dialog - Re-open issues
Hello, If I set the height or the height option of the dialog, and open the dialog via a link, close the dialog, then try to re-open in IE it throws an error each time i try to re-open... In firefox, no error but the 2nd time the hieght is wrong, the 3rd time the hieght is correct, the 4th hieght is wrong, 5 correct and so on... here is the code to produce the error: <!doctype html> <html lang="en"> <head> <title>test</title> <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet"
Next Page