Get Help:Ask a Question in our Forums|Report a Bug|More Help Resources
Last post Dec 31, 2012 03:17 AM by asteranup
Dec 26, 2012 05:44 PM|LINK
Am trying to use Jquery DatePicker and need to have the calendar appear on top of currently displayed panel.
Here's what's happening..... Panel is covering calendar - need Calendar on top.
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="width=device-width" />
<link type="text/css" href="css/smoothness/jquery-ui-1.7.1.custom.css" rel="stylesheet" />
<form id="form1" runat="server">
Select a date:
<asp:TextBox ID="txtDate" runat="server" AutoPostBack="True" Height="16px"></asp:TextBox>
<asp:Panel ID="Panel1" runat="server" BackColor="Yellow" Height="85px"
style="z-index: 1; left: 10px; top: 69px; position: absolute; height: 85px; width: 290px">
Dec 26, 2012 06:18 PM|LINK
I'm looking at the code generated by datePicker and it appears to apply a z-index of 1 to the generated div. Try setting the z-index of your panel to zero.
Another option is to go into jquery.ui.css and seeing if you can modify the ui-datepicker class (though it appears the z-index is actually written as a style attribute, which might require changing it in code).
Looking into it further, I guess it doesn't default to 1, exactly, but rather one more than whatever element it is applied to.
Setting the z-index of the panel might still work, or maybe you can try setting the z-index of the textbox you are applying datepicker too?
Dec 27, 2012 02:53 AM|LINK
Thanks for the help - works Ok with panel ZIndex=0
Now have another issue you may be able to help with....
Trying to create a web page that will run on SmartPhone.
Works ok on Ipad, Iphone, Desktop but not Driod Browser.
Intermittently, dropdown lists cease to function... ie; tap on them and nothing drops down or if it does drop down, the selected item does not change.
Tearing my hair out (what little I have) over this.
Dec 27, 2012 03:19 PM|LINK
That's pretty open ended. I have not come across an issue in the past where dropdown lists work fine in all but droid browsers. This could be any number of causes. Perhaps with your absolutely positioned divs, something is rendering over the top of the
drop down list in android, causing it not to capture the click event?
Dec 29, 2012 02:25 PM|LINK
Rewrote app and moved most dropdowns to another web page and all is working now.
Thanks fot your help.
Dec 31, 2012 03:17 AM|LINK
Put your yellow panel to a lower z-index value. a negative value.