RadDatePicker Calendar-Width

10 posts, 0 answers
  1. jo
    jo avatar
    27 posts
    Member since:
    Jul 2008

    Posted 26 Feb 2009 Link to this post

    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

     

     

  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 27 Feb 2009 Link to this post

    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.
  3. Tim Blaney
    Tim Blaney avatar
    1 posts
    Member since:
    Feb 2008

    Posted 20 Mar 2009 Link to this post


    We have a bunch of of DatePickers, and had used the parent Width attribute vs the data input attribute. 

    1  <telerik:RadDatePicker ID="calFiledDateValue" runat="server" Font-Names="Arial,Verdana,Tahoma" 
    2                         ForeColor="Black" Style="border-color: #ececec" Culture="English (United States)"   
    3                         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?
  4. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 23 Mar 2009 Link to this post

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

    Posted 23 Mar 2009 Link to this post

    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.

    1 <html xmlns="http://www.w3.org/1999/xhtml" > 
    2 <head runat="server">  
    3     <title>Untitled Page</title> 
    4 </head> 
    5 <body> 
    6     <form id="form1" runat="server">  
    7     <div> 
    8         <asp:ScriptManager ID="ScriptManager1" runat="server">  
    9         </asp:ScriptManager>      
    10   <telerik:RadDatePicker ID="calFiledDateValue" runat="server" Font-Names="Arial,Verdana,Tahoma" 
    11                 ForeColor="Black" Style="border-color: #ececec" Culture="English (United States)" 
    12                 Width="250px" />            
    13     </div> 
    14     <br /> 
    15   <telerik:RadDatePicker ID="RadDatePicker1" runat="server" Font-Names="Arial,Verdana,Tahoma" 
    16                 ForeColor="Black" Style="border-color: #ececec" Culture="English (United States)" 
    17                 Width="250px" />        
    18     </form> 
    19 </body> 
    20 </html> 
    21  



    The only solutions I have so far to so shove this into a table or a div with a fixed width
    1         <table> 
    2             <tr> 
    3                 <td style="width: 250px;">  
    4                     <telerik:RadDatePicker ID="RadDatePicker2" runat="server" Font-Names="Arial,Verdana,Tahoma" 
    5                         ForeColor="Black" Style="border-color: #ececec" Culture="English (United States)" 
    6                         Width="250px" /> 
    7                 </td> 
    8             </tr> 
    9         </table> 

    or div
    1         <div style="width:250px;">  
    2             <asp:ScriptManager ID="ScriptManager1" runat="server">  
    3             </asp:ScriptManager> 
    4             <telerik:RadDatePicker ID="calFiledDateValue" runat="server" Font-Names="Arial,Verdana,Tahoma" 
    5                 ForeColor="Black" Style="border-color: #ececec" Culture="English (United States)" 
    6                 Width="250px" /> 
    7         </div> 


    is there anything else that can be done, as the fixed width table or div, I'm not in love with.

    Thanks Tim.
  6. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 26 Mar 2009 Link to this post

    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:

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

    Posted 26 Mar 2009 Link to this post

    I'm looking forward to the service pack.  Thanks again for staying on top of this.

    Tim
  8. cilerler
    cilerler avatar
    3 posts
    Member since:
    Jan 2007

    Posted 10 Apr 2009 Link to this post

    Hello,

    I have exactly same problem.  When you will release SP1?

    Best.
  9. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 13 Apr 2009 Link to this post

    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.
  10. cilerler
    cilerler avatar
    3 posts
    Member since:
    Jan 2007

    Posted 13 Apr 2009 Link to this post

    I already did it and it worked.  thanks
Back to Top