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

Spacing between DatePicker and its popup on IE

9 Answers 198 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Thomas
Top achievements
Rank 1
Thomas asked on 28 Apr 2008, 07:40 PM
I'm running into an issue that rears itself only on IE (IE7 in this case). I have a bunch of RadDatePicker controls in a standard table with a Skin file setting their Skin to Web20. On FF2.0 it looks fine. There is space between the DatePicker's textbox and the popup button. However, on IE7, there is no space. Whatever border or space that should be there is collapsed and the popup image butts up next to to the DatePicker's textbox.

9 Answers, 1 is accepted

Sort by
0
Nick
Top achievements
Rank 1
answered on 28 Apr 2008, 09:26 PM
I am having the exact same problem using IE7.0 as well
0
Dimo
Telerik team
answered on 29 Apr 2008, 12:47 PM
Hello,

Please find attached a screenshot, which shows how the latest official versions of RadDateTimePickers (Web20 skin) should look in IE and Firefox. If they look different in your web applications, then there is something which interferes with their styles. In that case, please supply some sample code to look at and investigate. Thank you in advance.


All the best,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
newbie
Top achievements
Rank 1
answered on 29 Apr 2008, 05:02 PM
I have the same problem.
Is anybody able to resolve that?
0
Dimo
Telerik team
answered on 30 Apr 2008, 06:46 AM
Hi all,

Please place a RadDateTimePicker on a page with no other controls and stylesheets and see whether it looks OK.

Regards,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
newbie
Top achievements
Rank 1
answered on 30 Apr 2008, 04:29 PM
I have another DatePicker inside the grid and it appears fine.
But the one outside the grid still has no space.
0
Konstantin Petkov
Telerik team
answered on 05 May 2008, 01:12 PM
Hi newbie,

We will appreciate if you can elaborate more on your setup to be able to replicate the problem and provide a solution. It will be best if you send a support ticket where you can attach a screen shot as well as some code, which reproduces that.

Please, also make sure you have updated your project with the latest Q1 2008 controls.

Greetings,
Konstantin Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
Thomas
Top achievements
Rank 1
answered on 05 May 2008, 02:56 PM
My apologies for not replying sooner. I'll put together a test project today that replicates the behavior. I do not see the equivalent of your screenshot. In all probability, this has to do with the styles applied to the table in which the controls are located. Those table styles are:

table-layout        :    fixed;
border                :    none 0px;
border-collapse  :    collapse;
border-spacing   :    0px;
margin                :    0px;

0
newbie
Top achievements
Rank 1
answered on 05 May 2008, 03:38 PM
I upgraded to latest Q1 2008 controls and I don't see the problem now.
0
Konstantin Petkov
Telerik team
answered on 06 May 2008, 01:39 PM
Hello,

It appeared the problem Thomas got is due to the overriding CSS setting of the inputs. The following is what the DateInputs use:

.radInput_Default input  
{  
    font:11px arial,tahoma,verdana,sans-serif;  
}  
 

If the DatePicker use a shared calendar, its skin should match the one defined for the picker itself as well.

All the best,
Konstantin Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
Tags
Calendar
Asked by
Thomas
Top achievements
Rank 1
Answers by
Nick
Top achievements
Rank 1
Dimo
Telerik team
newbie
Top achievements
Rank 1
Konstantin Petkov
Telerik team
Thomas
Top achievements
Rank 1
Share this question
or