Click here to Skip to main content
15,886,805 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
Hi,
i am using JDatepicker and Radmenu control. but Radmenu control is overlay of Jdatepicker.

How to Solve this issue overlay ?

1. Style:

HTML
<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
Posted
Updated 30-Apr-14 3:13am
v5
Comments
thatraja 30-Apr-14 5:47am    
Post your question in telerik forum. Only they could answer quickly & more correctly.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900