Raddatepicker calender loses position

13 posts, 0 answers
  1. Manav
    Manav avatar
    25 posts
    Member since:
    Oct 2010

    Posted 24 Jan 2011 Link to this post

    Hi,
       I have a few controls along witha  RadDatePicker in a grid.
    When i click on the calender button, the calender opens exactly below the icon.
    However, the calender opens miles below the icon when clicked after there is a postback on the grid.
     Any suggestions on how to keep this fixed would help. I am pasting my code below

    <

     

    telerik:RadDatePicker ID="Datepicker" runat="server" Skin="Vista" Width="100px" >

     

     

     

    <DateInput ID="Date" runat="server"></DateInput>

     

     

     

    <Calendar ID="CalDate" runat="server"  UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" ViewSelectorText="x"></Calendar>

     

     

     

    <DatePopupButton CssClass="rcCalPopup"></DatePopupButton>

     

     

     

    </telerik:RadDatePicker>

     

     

     

     

    This is most common in the controls in the edit mode of the grid.

  2. Tsvetina
    Admin
    Tsvetina avatar
    2481 posts

    Posted 28 Jan 2011 Link to this post

    Hi Mark,

    I tried replicating the issue that you describe in our online sample on using a form template edit form but to no avail. What is different in your scenario? Can you provide a simplified version of your code which we can use to replicate the issue that you encounter in a runnable project?

    Greetings,
    Tsvetina
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. Manav
    Manav avatar
    25 posts
    Member since:
    Oct 2010

    Posted 28 Jan 2011 Link to this post

    Hi Tsvetina,
      I have managed to reproduce this in your sample code
         There are 2 things different in my code.
    1. I am using a Radcombobox instead of the traditional dropdownlist
    2. My page does a postback when the selected index in the radcombobox changes.
    3. Once the postback occurs, the calender control loses its location


    Please Make the following changes: -
    1. Please replace your dropdownlist with the following : -

    <

     

    telerik:RadComboBox ID="ddlTOC" runat="server" TabIndex = "7" AutoPostBack = "true" OnSelectedIndexChanged = "ddlTOC_SelectedIndexChanged">

     

     

    <Items>

     

     

    <telerik:RadComboBoxItem value ="0" Text ="Select" />

     

     

    <telerik:RadComboBoxItem value ="1" Text ="Dr" />

     

     

    <telerik:RadComboBoxItem value ="2" Text ="Mr" />

     

     

    <telerik:RadComboBoxItem value ="3" Text ="Mrs" />

     

     

    <telerik:RadComboBoxItem value ="4" Text ="Ms" />

     

     

    </Items>

     

     

    </telerik:RadComboBox>

     


    2. My .cs file defines a selected index changed method which ideally does nothing

     

    protected void ddlTOC_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

     

    {

     

    int i;

     

    i = 0;

    i++;

    }

    3. Now run the example and check the date of birth and Hire date popup.
    4. Change the value in the Title of Courtesy radcombobox so that a postback occurs.
    5. now check both fields and you will see the calender opens way below the actual location

  4. Tsvetina
    Admin
    Tsvetina avatar
    2481 posts

    Posted 01 Feb 2011 Link to this post

    Hello Manav,

    I managed to replicate the issue following the steps that you provided. It is caused by the render mode of the update panels that RadAjaxManager generates. In this scenario it was enough to set UpdatePanelsRenderMode="Inline" in order to fix the problem.

    Regards,
    Tsvetina
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  5. Manav
    Manav avatar
    25 posts
    Member since:
    Oct 2010

    Posted 02 Feb 2011 Link to this post

    Hi Tsvetina,
        It still does not solve the problem in the same sample. Try chaning the dropdown a couple of times and the problem still persists. Here's how i reproduced it after putting UpdatePanelsRenderMode="Inline"
    1. Change Title of courtesy from Select to Mr
    2. Click on the Birth Date calender control. The problem is solved. The popup opens fine
    3. Change Title of courtesy from Mr to Ms.
    4. Click on the Birth Date calender control. The problem is reproduced.

    Regards,
    Manav
  6. Josh Winkler
    Josh Winkler avatar
    31 posts
    Member since:
    Nov 2007

    Posted 04 Feb 2011 Link to this post

    Is there a resolution on this yet? We have been fighting this same exact problem for quite some time now and have not been able to resolve. Please let us know as soon as possible. Thanks.
  7. Tsvetina
    Admin
    Tsvetina avatar
    2481 posts

    Posted 07 Feb 2011 Link to this post

    Hello Manav,

    I tried to replicate the issue following the steps provided by you but to no avail. I tested it both in Firefox and IE 8. Am I missing anything out? Please, see the video linked below and let me know if I am doing anything wrong:
    http://screencast.com/t/gInrEVpq

    Regards,
    Tsvetina
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  8. Manav
    Manav avatar
    25 posts
    Member since:
    Oct 2010

    Posted 07 Feb 2011 Link to this post

    Hi Tsvetina,
         The only difference I could see was that we are using IE6. I'll try putting up a screencast of our sample if possible but if not, this is the only difference I can find
  9. Tsvetina
    Admin
    Tsvetina avatar
    2481 posts

    Posted 07 Feb 2011 Link to this post

    Hello Manav,

    Could you please confirm which version of RadControls are you using? In the Q3 release there was a problem with the datepicker control in IE6. It should be solved by either upgrading to Q3 2010 SP2 or by turning off the shadows of the datepicker.

    Best wishes,
    Tsvetina
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  10. Manav
    Manav avatar
    25 posts
    Member since:
    Oct 2010

    Posted 17 Feb 2011 Link to this post

    Hi Tsvetina,
                I have upgraded to the latest SP2 version but it still doesnt help the calender control. However, turning off the shadows of the datepicker did resolve the problem for the moment.    

    Regards,
    Manav   
  11. Vipul
    Vipul avatar
    2 posts
    Member since:
    Sep 2011

    Posted 23 Sep 2011 Link to this post

    Hi Tsvetina,
    i tried this in .aspx file as 

    <td>
                                        <telerik:RadDateTimePicker ID="scheduledDateTime" Skin="WebBlue" runat="server" UpdatePanelsRenderMode ="inline">
                                            <Calendar
                                                ShowRowHeaders="false" UpdatePanelsRenderMode ="inline"/>
                                            <TimeView
                                                StartTime="00:00:00"
                                                Interval="00:30:00"
                                                EndTime="23:45:00"
                                                Columns=2
                                                CaptionAlign="top" />
                                        </telerik:RadDateTimePicker>
    </td>

    but no luck
    were you refering to any other file to use this command UpdatePanelsRenderMode ="inline"
    ??



    Thanks and regards 
    Vipul Garg
    NSIT (DU)
  12. Vipul
    Vipul avatar
    2 posts
    Member since:
    Sep 2011

    Posted 23 Sep 2011 Link to this post

     

     

     

    Hi Tsvetina,
    i tried this in .aspx file as

    <td>
                                        <telerik:RadDateTimePicker ID="scheduledDateTime" Skin="WebBlue" runat="server" UpdatePanelsRenderMode ="inline">
                                            <Calendar
                                                ShowRowHeaders="false" UpdatePanelsRenderMode ="inline"/>
                                            <TimeView
                                                StartTime="00:00:00"
                                                Interval="00:30:00"
                                                EndTime="23:45:00"
                                                Columns=2
                                                CaptionAlign="top" />
                                        </telerik:RadDateTimePicker>
    </td>

    but no luck
    were you refering to any other file to use this command UpdatePanelsRenderMode ="inline"
    ??

     

    Thanks and regards
    Vipul Garg
    NSIT (DU)

  13. Tsvetina
    Admin
    Tsvetina avatar
    2481 posts

    Posted 26 Sep 2011 Link to this post

    Hello Vipul,

    This is a property of the RadAjaxManager control and of each of its settings. It would be useful for you only if you encounter the same issue in a RadAjax context.

    Regards,
    Tsvetina
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top