Hi,
i am using JDatepicker and Radmenu control. but Radmenu control is overlay of Jdatepicker.
How to Solve this issue overlay ?
1. Style:
<style type="text/css">
.ui-datepicker-trigger
{
position: relative;
top: 4px;
right: -3px;
height: 17px;
}
#txtSelDate
{
z-index:100;
}
</style>
----------------------------------------------------------------
2.JQuery
<script language="javascript" type="text/javascript">
var Dformat = "";
$(document).ready(function () {
var selectvalSelDate = $("#txtSelDate").val();
var sVal = document.getElementById('hdnPORTALID').value;
Dformat = GetDatePickerFormat(sVal);
$(".DatePicker").attr("placeholder", "Select date").datepicker({
showOn: "both",
buttonImage: "../images/datepicker_enable.png",
buttonImageOnly: true,
changeMonth: true,
changeYear: true,
dateFormat: Dformat
});
});
</script>
-------------------------------------------------------------------
3.ASP.Net :Datetime
<input id="txtSelDate" runat="server" class="TextBox DatePicker" style="width: 125px" />
--------------------------------------------------------------
4.Asp.net: RadMenu
<telerik:RadMenu ID="RadMenu1" runat="server" Skin="" Flow="Horizontal" önItemClick="RadMenu1_ItemClick"
Style="z-index: 0;">
<Items>
<telerik:RadMenuItem ImageUrl="../images/assmoreasstools.png" PostBack="false">
<Items>
<telerik:RadMenuItem Value="RadMenuItem1" ImageUrl="../images/asschangelistorder.png"
HoveredImageUrl="../images/asschangelistordermouseover.png">
</telerik:RadMenuItem>
</Items>
<Items>
<telerik:RadMenuItem Value="RadMenuItem2" ImageUrl="../images/assdeletedlist.png"
HoveredImageUrl="../images/assdeletedlistordermouseover.png">
</telerik:RadMenuItem>
</Items>
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
------------------------------------------------------------
screen shot:below
link:
http://www.dotnetspider.com/attachments/forum/335087-03918-overlay.png[
^]
Thanks,
Karthikeyan,
Bangalore