chris lively
Top achievements
Rank 1
Rank 1
chris lively
asked on 09 Dec 2009, 06:36 PM
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.
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.
3 Answers, 1 is accepted
0
chris lively
Top achievements
Rank 1
Rank 1
answered on 09 Dec 2009, 07:39 PM
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.
<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.
0
Accepted
Hi Chris,
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.
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.
0
chris lively
Top achievements
Rank 1
Rank 1
answered on 14 Dec 2009, 02:04 PM
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!
In the meantime, targetting just .rcTable with auto works perfectly. Thanks!