I'm trying to change the calendar width of date picker.
This code is not working for me. Did I miss anything.
Thanks!
<
telerik:RadDatePicker ID="dtValue" runat="server" Width="125px">
<DateInput Width="50px"></DateInput>
<Calendar Width="50px" Height="50px" ShowRowHeaders="false" UseColumnHeadersAsSelectors="false"
CellAlign="Left" CellVAlign="Middle" FirstDayOfWeek="Default" DayNameFormat="FirstLetter"
TitleAlign="Center" runat="server" />
</telerik:RadDatePicker
9 Answers, 1 is accepted
0
Shinu
Top achievements
Rank 2
Rank 2
answered on 27 Feb 2009, 06:35 AM
Hi Jo,
I also tried to reduce the calendar size of RadDatePicker but It is not reducing below 180px. I can increase size by setting the Width and Height properties in calendar tag.
So I guess the RadDatepicker keeping a minimum calendar size and we cannot reduce the size below that.
Thanks,
Shinu.
I also tried to reduce the calendar size of RadDatePicker but It is not reducing below 180px. I can increase size by setting the Width and Height properties in calendar tag.
So I guess the RadDatepicker keeping a minimum calendar size and we cannot reduce the size below that.
Thanks,
Shinu.
0
Tim Blaney
Top achievements
Rank 1
Rank 1
answered on 20 Mar 2009, 09:32 PM
We have a bunch of of DatePickers, and had used the parent Width attribute vs the data input attribute.
| <telerik:RadDatePicker ID="calFiledDateValue" runat="server" Font-Names="Arial,Verdana,Tahoma" | |
| ForeColor="Black" Style="border-color: #ececec" Culture="English (United States)" | |
| Width="250px" > |
After the 2009Q1 release we are finding that the text box input is ignoring this width. Instead it is at 100% which is really too long.
Can anyone confirm/duplicate that the Width attribute in the RadDatePicker not working due to the 2009Q1 release?
0
Hello Tim,
I followed your scenario and prepared a sample project but issue was not replicated on my side (tested in IE7 i FF 3.0). Please check it on your end and let me know how it goes and if I missed something out.
All the best,
Iana
the Telerik team
Check out Telerik Trainer , the state of the art learning tool for Telerik products.
I followed your scenario and prepared a sample project but issue was not replicated on my side (tested in IE7 i FF 3.0). Please check it on your end and let me know how it goes and if I missed something out.
All the best,
Iana
the Telerik team
Check out Telerik Trainer , the state of the art learning tool for Telerik products.
0
Jeff
Top achievements
Rank 1
Rank 1
answered on 23 Mar 2009, 02:44 PM
Thank you for the example. I have it isolated now to an IE8 rendering issue. Switching to compatibility mode within IE8 does correct this. Without compatibly mode, the date picker fills the whole page width. In the example below, both date pickers run at 100% of the screen.
I was able to duplicate on a system that has yet to be updated to 2009Q1, so pre2009Q1 is also effected.
Note, I turned off the Office2007 skin I was using when testing against 2009Q1.
The only solutions I have so far to so shove this into a table or a div with a fixed width
or div
is there anything else that can be done, as the fixed width table or div, I'm not in love with.
Thanks Tim.
I was able to duplicate on a system that has yet to be updated to 2009Q1, so pre2009Q1 is also effected.
Note, I turned off the Office2007 skin I was using when testing against 2009Q1.
| <html xmlns="http://www.w3.org/1999/xhtml" > | |
| <head runat="server"> | |
| <title>Untitled Page</title> | |
| </head> | |
| <body> | |
| <form id="form1" runat="server"> | |
| <div> | |
| <asp:ScriptManager ID="ScriptManager1" runat="server"> | |
| </asp:ScriptManager> | |
| <telerik:RadDatePicker ID="calFiledDateValue" runat="server" Font-Names="Arial,Verdana,Tahoma" | |
| ForeColor="Black" Style="border-color: #ececec" Culture="English (United States)" | |
| Width="250px" /> | |
| </div> | |
| <br /> | |
| <telerik:RadDatePicker ID="RadDatePicker1" runat="server" Font-Names="Arial,Verdana,Tahoma" | |
| ForeColor="Black" Style="border-color: #ececec" Culture="English (United States)" | |
| Width="250px" /> | |
| </form> | |
| </body> | |
| </html> | |
The only solutions I have so far to so shove this into a table or a div with a fixed width
| <table> | |
| <tr> | |
| <td style="width: 250px;"> | |
| <telerik:RadDatePicker ID="RadDatePicker2" runat="server" Font-Names="Arial,Verdana,Tahoma" | |
| ForeColor="Black" Style="border-color: #ececec" Culture="English (United States)" | |
| Width="250px" /> | |
| </td> | |
| </tr> | |
| </table> |
or div
| <div style="width:250px;"> | |
| <asp:ScriptManager ID="ScriptManager1" runat="server"> | |
| </asp:ScriptManager> | |
| <telerik:RadDatePicker ID="calFiledDateValue" runat="server" Font-Names="Arial,Verdana,Tahoma" | |
| ForeColor="Black" Style="border-color: #ececec" Culture="English (United States)" | |
| Width="250px" /> | |
| </div> |
is there anything else that can be done, as the fixed width table or div, I'm not in love with.
Thanks Tim.
0
Hi Tim,
Indeed, this is a known issue with RadInput and IE8 and we are already working on it. You should find it fixed in Q1 2009 SP1 version release, due for the next week.
A workaround you could use is to add the below meta tag your page head:
I hope this helps.
Greetings,
Iana
the Telerik team
Check out Telerik Trainer , the state of the art learning tool for Telerik products.
Indeed, this is a known issue with RadInput and IE8 and we are already working on it. You should find it fixed in Q1 2009 SP1 version release, due for the next week.
A workaround you could use is to add the below meta tag your page head:
| <meta http-equiv="X-UA-Compatible" content="IE=7" /> |
I hope this helps.
Greetings,
Iana
the Telerik team
Check out Telerik Trainer , the state of the art learning tool for Telerik products.
0
Jeff
Top achievements
Rank 1
Rank 1
answered on 26 Mar 2009, 03:04 PM
I'm looking forward to the service pack. Thanks again for staying on top of this.
Tim
Tim
0
cilerler
Top achievements
Rank 1
Rank 1
answered on 10 Apr 2009, 08:20 PM
Hello,
I have exactly same problem. When you will release SP1?
Best.
I have exactly same problem. When you will release SP1?
Best.
0
Hello cilerler,
You can download the latest version of RadControls for ASP.NET AJAX, which is in fact Q1 2009 SP1, label as 2009.1.402 from the Downloads link in your Telerik account.
Check it out and let me know how it goes.
Best wishes,
Iana
the Telerik team
Check out Telerik Trainer , the state of the art learning tool for Telerik products.
You can download the latest version of RadControls for ASP.NET AJAX, which is in fact Q1 2009 SP1, label as 2009.1.402 from the Downloads link in your Telerik account.
Check it out and let me know how it goes.
Best wishes,
Iana
the Telerik team
Check out Telerik Trainer , the state of the art learning tool for Telerik products.
0
cilerler
Top achievements
Rank 1
Rank 1
answered on 13 Apr 2009, 11:04 AM
I already did it and it worked. thanks