display above text box

4 posts, 0 answers
  1. Piyush
    Piyush avatar
    153 posts
    Member since:
    Nov 2007

    Posted 24 Jan 2008 Link to this post

    How can I display Calendar above the text box? My Date Picker is at the bottom of the page and when I click on it I want to display calendar above the textbox instead of below it - to avoid scrolling.

    What property can I use for that?
    Thanks,
    Piyush

  2. Maria Ilieva
    Admin
    Maria Ilieva avatar
    2996 posts
    Member since:
    Sep 2012

    Posted 25 Jan 2008 Link to this post

    Hi Piyush,

    Please check the following code library  which describes different options for setting the pop up Calendar  in RadDatePicker

    Let us know if this helps.

    Kind regards,
    Maria Ilieva
    the Telerik team


    Instantly find answers to your questions at the new Telerik Support Center

  3. Michael
    Michael avatar
    6 posts
    Member since:
    Aug 2012

    Posted 30 Jun 2008 Link to this post

    I am still learning and discovering your Telerik controls, but I came across a few threads with people trying to figure out how to position the picker popup calendar.

    I am truly surprised that your examples and solution to the positioning is use javascript to change the position.

    1     protected void Page_Load(object sender, EventArgs e)  
    2     {  
    3         rdpStart.DatePopupButton.Attributes.Add("onclick""PopupAbove(event, '" + rdpStart.ClientID + "')");  
    4         rdpEnd.DatePopupButton.Attributes.Add("onclick""PopupAbove(event, '" + rdpEnd.ClientID + "')");  
    5     } 
     
    and the following javascript to alter the position:
    1         /**Force DatePicker Popup to show above TextBox**/ 
    2         function PopupAbove(e, pickerID)  
    3         {  
    4             var datePicker;  
    5  
    6                 datePicker = $find(pickerID);  
    7  
    8                   
    9             var textBox = datePicker.get_textBox();  
    10             var popupElement = datePicker.get_popupContainer();  
    11  
    12             var dimensions = datePicker.getElementDimensions(popupElement);  
    13             var position = datePicker.getElementPosition(textBox);  
    14  
    15             datePicker.showPopup(position.x, position.y - dimensions.height);  
    16         }  

    I just can't believe that is what it takes to posiiton this datepicker.  Has their been any improvement on this or not yet?

    Here is a link to the ASP.NET AJAX Control Toolkit for their Calendar and you will notice that control has a PopupPosition property with the following value options:

    Indicates where the calendar popup should appear at the BottomLeft(default), BottomRight, TopLeft, TopRight, Left or Right of the TextBox.

    You should do something similar and maybe call the property PopupPosition.  Hope to see something like this in the future.

    Thank you.

  4. Steve
    Admin
    Steve avatar
    10942 posts
    Member since:
    Feb 2014

    Posted 01 Jul 2008 Link to this post

    Hi Michael,

    We have this suggestion logged in our features list for quite some time now, but due to the tight schedules and other important functionalities and fixes we provide for the releases, it has not made it to our TODO list yet. However we have plans to include it in one of the subsequent versions of the calendar control, just cannot engage with a specific timeframe at this moment.

    Sorry for the inconvenience and thank you for the understanding.

    Regards,
    Steve
    the Telerik team


    Instantly find answers to your questions at the new Telerik Support Center

Back to Top