RadDateTimePicker does not show day selection

4 posts, 1 answers
  1. chris lively
    chris lively avatar
    11 posts
    Member since:
    Sep 2009

    Posted 09 Dec 2009 Link to this post

    This is weird. 

    For some reason the RadDateTimePicker is only showing the time selection, not the calendar popup.  Is there some style that get's rid of it? 

    The funny thing is that I copied the markup from a simple project I have which does show it correctly.

    In looking at the markup, I see the a tag for "open the calendar popup" being rendered; however, it's just not displaying.

    UPDATE:
    I just realized the time icon is actually rendering right on top of the calendar icon.  So, it is being displayed.. kind of.
  2. chris lively
    chris lively avatar
    11 posts
    Member since:
    Sep 2009

    Posted 09 Dec 2009 Link to this post

    Okay, it looks like the component is rendering some html which isn't exactly right.  There is a td rendered that looks like this:
    <td style="width: 100%;" class="rcInputCell"> ...

    What happens is that the td is expanding to fill the entire table width.  Because I am using table-layout: fixed on the table tag in one of my style sheets, this is causing the other 2 td tags to basically render incorrectly.

    The right answer here would be for the control to be modified to NOT say "width: 100%" when it obviously is only 1 of 3 td tags that are supposed to take up the width of the table.  Instead the width should be explicitly set to a value of the width of the table minus the width of the other two tags.

    A second possible fix is to change the .rcTable class to set table-layout: auto;

    I can provide solution highlighting the problem if necessary.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Answer
    Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 14 Dec 2009 Link to this post

    Hi Chris,

    The 100% width style applied to the <td> element is required by the control, so that its layout and behavior are correct. Indeed, this style works only when the table layout is "auto".

    Please add a .rcTable{table-layout:auto} CSS rule to your stylesheet. We will add it to our skins as well, although using global CSS styles with type selectors is not a very good practice, since you never know what else will be influenced by them, as in this case.


    Regards,
    Dimo
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  5. chris lively
    chris lively avatar
    11 posts
    Member since:
    Sep 2009

    Posted 14 Dec 2009 Link to this post

    We use the global selector on the table tag because we found that rendering tables with fixed layout is much faster than using the default layout engine.  Also because we use tables strictly for tabular data it makes sense.

    In the meantime, targetting just .rcTable with auto works perfectly.  Thanks!
Back to Top