This is a migrated thread and some comments may be shown as answers.

DateTimePicker align problems

5 Answers 142 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Henrik
Top achievements
Rank 1
Henrik asked on 12 Jul 2012, 01:36 PM
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 

5 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 13 Jul 2012, 06:22 AM
Hi Henrik,

Try overriding the default CSS as follows.

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

Hope this helps.

Thanks,
Shinu.
0
Henrik
Top achievements
Rank 1
answered on 13 Jul 2012, 07:00 AM
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>
0
Shinu
Top achievements
Rank 2
answered on 16 Jul 2012, 07:16 AM
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.
0
Henrik
Top achievements
Rank 1
answered on 23 Jul 2012, 09:03 AM
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 ?
0
Kostadin
Telerik team
answered on 25 Jul 2012, 02:21 PM
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.
Tags
General Discussions
Asked by
Henrik
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Henrik
Top achievements
Rank 1
Kostadin
Telerik team
Share this question
or