Spacing between DatePicker and its popup on IE

10 posts, 0 answers
  1. Thomas
    Thomas avatar
    143 posts
    Member since:
    Feb 2007

    Posted 28 Apr 2008 Link to this post

    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.
  2. Nick
    Nick avatar
    3 posts
    Member since:
    Jan 2008

    Posted 28 Apr 2008 Link to this post

    I am having the exact same problem using IE7.0 as well
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 29 Apr 2008 Link to this post

    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
  5. newbie
    newbie avatar
    355 posts
    Member since:
    Feb 2008

    Posted 29 Apr 2008 Link to this post

    I have the same problem.
    Is anybody able to resolve that?
  6. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 30 Apr 2008 Link to this post

    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
  7. newbie
    newbie avatar
    355 posts
    Member since:
    Feb 2008

    Posted 30 Apr 2008 Link to this post

    I have another DatePicker inside the grid and it appears fine.
    But the one outside the grid still has no space.
  8. Konstantin Petkov
    Admin
    Konstantin Petkov avatar
    1911 posts

    Posted 05 May 2008 Link to this post

    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
  9. Thomas
    Thomas avatar
    143 posts
    Member since:
    Feb 2007

    Posted 05 May 2008 Link to this post

    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;

  10. newbie
    newbie avatar
    355 posts
    Member since:
    Feb 2008

    Posted 05 May 2008 Link to this post

    I upgraded to latest Q1 2008 controls and I don't see the problem now.
  11. Konstantin Petkov
    Admin
    Konstantin Petkov avatar
    1911 posts

    Posted 06 May 2008 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017