DateTimePicker align problems

6 posts, 0 answers
  1. Henrik
    Henrik avatar
    40 posts
    Member since:
    Jan 2009

    Posted 12 Jul 2012 Link to this post

    I have a problem where the DateInput and DatePopupButton follows the screen if I scroll down.

    I have solved the scrolling problem for DatePopupButton with:

    .rcSingle .rcCalPopup
    {
        position:static !important;
    }

    But the DateInput control still scolls with the screen.


    This helped me with some the problem: http://www.telerik.com/community/forums/aspnet-ajax/calendar/alignment-problem-w-raddatepicker.aspx 
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 13 Jul 2012 Link to this post

    Hi Henrik,

    Try overriding the default CSS as follows.

    CSS:
    #RadDateTimePicker1_wrapper
    {
     position:fixed!important;
    }

    Hope this helps.

    Thanks,
    Shinu.
  3. Henrik
    Henrik avatar
    40 posts
    Member since:
    Jan 2009

    Posted 13 Jul 2012 Link to this post

    This did not help.

    This is my code:
    <div>
    <DateTimePicker ID="dpDatoAnmeldelse"  ErrorMessage="Anmeldt dato skal udfyldes" Required="true" Width="210" CssClass="textbox" DatePopupButton-ToolTip="Vis kalender" runat="server">
    <Calendar ID="calDatoAnmeldelse" Skin="Metro" ViewSelectorText="x" runat="server" />
    <DatePopupButton HoverImageUrl="" ImageUrl="" />
    <DateInput ID="txtDatoAnmeldelse" ReadOnly="false" CssClass="textbox" runat="server" />
    <DateTimePicker>
    </div>
  4. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 16 Jul 2012 Link to this post

    Hi Henrik,

    Unfortunately I couldn't replicate the problem. Here is the code which I tried based on your scenario which works as expected at my end.

    ASPX:
    <div>
     <telerik:RadDateTimePicker ID="dpDatoAnmeldelse"  ErrorMessage="Anmeldt dato skal udfyldes" Required="true" Width="210" CssClass="textbox" DatePopupButton-ToolTip="Vis kalender" runat="server">
       <Calendar ID="calDatoAnmeldelse" Skin="Metro" ViewSelectorText="x" runat="server" />
       <DatePopupButton HoverImageUrl="" ImageUrl="" />
       <DateInput ID="txtDatoAnmeldelse" ReadOnly="false" CssClass="textbox" runat="server" />
     </telerik:RadDateTimePicker>
    </div>

    CSS:
    <style type="text/css" >
     #dpDatoAnmeldelse_wrapper
     {
      position:fixed!important;
     }
    </style>

    Thanks,
    Shinu.
  5. Henrik
    Henrik avatar
    40 posts
    Member since:
    Jan 2009

    Posted 23 Jul 2012 Link to this post

    I found this http://www.telerik.com/community/forums/aspnet-ajax/grid/radgrid-horizontal-scroll-in-ie7.aspx

    Then I changed 
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />


    to 

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

    But I want to know, am I able to keep the IE7 and change some css ?

    Any ideas ?
  6. Kostadin
    Admin
    Kostadin avatar
    1733 posts

    Posted 25 Jul 2012 Link to this post

    Hi Hanrik,

    I guess your are talking about a problem where elements with position:relative styling in a scrollable container stay static on the page. If this is the issue you are facing I would suggest you to add the following CSS rule to the div container for fixing this problem in IE7:
    <style type="text/css">       
            .myClass
            {
                position: relative;
            }
    </style>

    If that doesn't help, please elaborate a bit more on the exact issue you are facing so we could further research on the problem and provide a proper solution.

    All the best,
    Kostadin
    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