How do you set the input Width?

[Jonathan]

Hi..

How do you set the width of the Calendar - the Input ?

I'd like the Input to be 100px  and the 'popup' to fit in the 100px

 

thx in advance

 

 

  
             <td>
                   <telerik:RadDatePicker  rendermode="Lightweight"  Skin="Flom" EnableEmbeddedSkins="false" runat="server" ID="RadDatePickerFROM" AutoPostBack="true" Width="100px" Calendar-ShowRowHeaders="false" Calendar-ShowOtherMonthsDays="false" DateInput-EmptyMessage="Start Date" OnSelectedDateChanged="RadDatePickerFROM_SelectedDateChanged">
                     <Calendar ID="Calendar1" runat="server" EnableKeyboardNavigation="true">
                     </Calendar>
                  </telerik:RadDatePicker>
             </td>

[Rumen]

Hi,

You can control the dimensions of the dropdown popup using the font size CSS setting as shown below:

<style>
    .RadCalendarPopup.RadCalendarPopupShadows {
        font-size: 10px !important;
    }
</style>

Regards,
Rumen
Progress Telerik

[Jonathan]

Hi..
that seems to set the dropdown font.

How do make the input text box smaller

thx again

[Jonathan]

That seems to set the dropdown width.

How do I set the input text box width.

thx again

[Rumen]

Hi,

Set the width property of the DateInput inner-tag as shown below:

<telerik:RadDatePicker RenderMode="Lightweight" Skin="Flom" EnableEmbeddedSkins="false" runat="server" ID="RadDatePickerFROM" AutoPostBack="true" Width="100px" Calendar-ShowRowHeaders="false" Calendar-ShowOtherMonthsDays="false" DateInput-EmptyMessage="Start Date" _OnSelectedDateChanged="RadDatePickerFROM_SelectedDateChanged">
    <Calendar ID="Calendar1" runat="server" EnableKeyboardNavigation="true">
    </Calendar>
    <DateInput Width="100px"></DateInput>
</telerik:RadDatePicker>

Regards,
Rumen
Progress Telerik

[Jonathan]

thx!  that worked