5 Answers, 1 is accepted
sorry to raise back an old post ... we use provided sample code @ http://www.telerik.com/help/aspnet-ajax/calendar_howtodisplayingthepopupabovetheinputarea.html as suggested.
then we use following code inspired from the provided samples
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
function ShowPopupAbove(sender, pickerID)
if (pickerID == null)
datePicker = $find("<%= cdpDocDate.ClientID %>");
datePicker = $find(pickerID);
var textBox = datePicker.get_textBox();
var popupElement = datePicker.get_popupContainer();
var dimensions = datePicker.getElementDimensions(popupElement);
var position = datePicker.getElementPosition(textBox);
datePicker.showPopup(position.x, position.y - dimensions.height - 20);
<telerik:RadDatePicker ID="cdpDocDate" runat="server"/>
with event register in code behind
protected override void OnLoad(EventArgs e)
cdpDocDate.DatePopupButton.Attributes.Add("onclick", "ShowPopupAbove(event, '" + cdpDocDate.ClientID + "')");
.. but this is not working ...
we have a margin of something like almost 30px between the bottom of the Calendar & the top of the input box.
Note : the provided code is working fine for RadDateTimePicker but not for RadDatePicker.
Thanks in advance for your support.
thanks for your quick answer.
it seems that your sample is working .. but my issue is that the provided code doesn't seems to be up-to-date.
If you have a look to the statement :
var datePicker = <%= RadDatePicker1.ClientID %>;
The $find command seems to be missing ... same for
var textBox = datePicker.GetTextBox();
does the valid statement wouldn't be : var textBox = datePicker.get_TextBox();
I don't know if it was clear for you that I'm working with Prometheus build 1001.
Thanks in advance for your answer.