Datepicker on JQuery Dialog
Hi guys, I'm trying to get datepicker to work on JQuery dialog which is always appearing behind the dialog. I've tried checking around and the solution given is to set z-index css property for the datepicker element to a big number.. and some other solutions around that. But none of that has worked at all! Has someone managed to make this work? Please help. -- Samuel Waithaka http://www.linkedin.com/in/waithaka http://twitter.com/samwaithaka
Not sure which date picker element you are referring to but the calendar its self should appear in some element most likely a div. Depending on the script, this may be a div element pushed into the existing html. or already existing. get the id of this element or its class and set the z index to one greater than that of the dialog. hope this helps *_______________________________________________________________ We must Keep on, * On Thu, Feb 2, 2012 at 11:13 AM, Samuel Waithaka <samwaithaka@gmail.com>wrote:
Hi guys, I'm trying to get datepicker to work on JQuery dialog which is always appearing behind the dialog. I've tried checking around and the solution given is to set z-index css property for the datepicker element to a big number.. and some other solutions around that. But none of that has worked at all! Has someone managed to make this work? Please help.
-- Samuel Waithaka http://www.linkedin.com/in/waithaka http://twitter.com/samwaithaka
_______________________________________________ Skunkworks mailing list Skunkworks@lists.my.co.ke ------------ List info, subscribe/unsubscribe http://lists.my.co.ke/cgi-bin/mailman/listinfo/skunkworks ------------
Skunkworks Rules http://my.co.ke/phpbb/viewtopic.php?f=24&t=94 ------------ Other services @ http://my.co.ke
Hi Samuel, I had the same issue sometime back. but it worked after adding a z-index property to .ui-datepicker div in the themes/base/jquery-ui.css . maybe u r changing the attribute for the wrong div. Best Regards, Wachiye Wanyama
@Joe, yea I've been doing that... On Thu, Feb 2, 2012 at 12:26 PM, joe mwirigi <joemwirigi@gmail.com> wrote:
Not sure which date picker element you are referring to but the calendar its self should appear in some element most likely a div. Depending on the script, this may be a div element pushed into the existing html. or already existing. get the id of this element or its class and set the z index to one greater than that of the dialog. hope this helps
*_______________________________________________________________ We must Keep on, *
On Thu, Feb 2, 2012 at 11:13 AM, Samuel Waithaka <samwaithaka@gmail.com>wrote:
Hi guys, I'm trying to get datepicker to work on JQuery dialog which is always appearing behind the dialog. I've tried checking around and the solution given is to set z-index css property for the datepicker element to a big number.. and some other solutions around that. But none of that has worked at all! Has someone managed to make this work? Please help.
-- Samuel Waithaka http://www.linkedin.com/in/waithaka http://twitter.com/samwaithaka
_______________________________________________ Skunkworks mailing list Skunkworks@lists.my.co.ke ------------ List info, subscribe/unsubscribe http://lists.my.co.ke/cgi-bin/mailman/listinfo/skunkworks ------------
Skunkworks Rules http://my.co.ke/phpbb/viewtopic.php?f=24&t=94 ------------ Other services @ http://my.co.ke
_______________________________________________ Skunkworks mailing list Skunkworks@lists.my.co.ke ------------ List info, subscribe/unsubscribe http://lists.my.co.ke/cgi-bin/mailman/listinfo/skunkworks ------------
Skunkworks Rules http://my.co.ke/phpbb/viewtopic.php?f=24&t=94 ------------ Other services @ http://my.co.ke
-- Samuel Waithaka http://www.linkedin.com/in/waithaka http://twitter.com/samwaithaka
You're right Evans. I did exactly that yesterday and it worked. I actually made the declaration (.ui-datepicker { z-index:9999; }) in my CSS rather than in jquery-ui.css and it worked just fine. Guess Joe had the same idea. Thanks! On Thu, Feb 2, 2012 at 12:44 PM, Samuel Waithaka <samwaithaka@gmail.com>wrote:
@Joe, yea I've been doing that...
On Thu, Feb 2, 2012 at 12:26 PM, joe mwirigi <joemwirigi@gmail.com> wrote:
Not sure which date picker element you are referring to but the calendar its self should appear in some element most likely a div. Depending on the script, this may be a div element pushed into the existing html. or already existing. get the id of this element or its class and set the z index to one greater than that of the dialog. hope this helps
*_______________________________________________________________ We must Keep on, *
On Thu, Feb 2, 2012 at 11:13 AM, Samuel Waithaka <samwaithaka@gmail.com>wrote:
Hi guys, I'm trying to get datepicker to work on JQuery dialog which is always appearing behind the dialog. I've tried checking around and the solution given is to set z-index css property for the datepicker element to a big number.. and some other solutions around that. But none of that has worked at all! Has someone managed to make this work? Please help.
-- Samuel Waithaka http://www.linkedin.com/in/waithaka http://twitter.com/samwaithaka
_______________________________________________ Skunkworks mailing list Skunkworks@lists.my.co.ke ------------ List info, subscribe/unsubscribe http://lists.my.co.ke/cgi-bin/mailman/listinfo/skunkworks ------------
Skunkworks Rules http://my.co.ke/phpbb/viewtopic.php?f=24&t=94 ------------ Other services @ http://my.co.ke
_______________________________________________ Skunkworks mailing list Skunkworks@lists.my.co.ke ------------ List info, subscribe/unsubscribe http://lists.my.co.ke/cgi-bin/mailman/listinfo/skunkworks ------------
Skunkworks Rules http://my.co.ke/phpbb/viewtopic.php?f=24&t=94 ------------ Other services @ http://my.co.ke
-- Samuel Waithaka http://www.linkedin.com/in/waithaka http://twitter.com/samwaithaka
-- Samuel Waithaka http://www.linkedin.com/in/waithaka http://twitter.com/samwaithaka
participants (3)
-
Evans Wachiye Wanyama -
joe mwirigi -
Samuel Waithaka