DateTimePicker align problems

[Henrik]

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 

[Shinu]

Hi Henrik,

Try overriding the default CSS as follows.

CSS:

#RadDateTimePicker1_wrapper
{
 position:fixed!important;
}

Hope this helps.

Thanks,
Shinu.

[Henrik]

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>

[Shinu]

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.

[Henrik]

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 ?

[Kostadin]

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