RadMonthYearPicker TextBox width

[Sonia]

Hi,

Does anybody knows how I can change the width of the TextBox of the RadMonthYearPicker control?
I have tried with the property DateInput-Width but I cannot see any effect.

Thank you.

[Princy]

Hi Sonia,

Simply set the width of the control as shown below.

ASPX:

<telerik:RadMonthYearPicker ID="RadMonthYearPicker1" runat="server" Width="500px">
</telerik:RadMonthYearPicker>

Thanks,
Princy.

[Giorgos]

This way you set the width of the whole control, not only of the textbox. This can lead to 
formatting problems when you want to place the control, for example,  on a multi-column
page. Is there any way of setting the width of ONLY the textbox?

[Princy]

Hi Giorgos,

Please try the following CSS to change the width of the textbox in RadMonthYearPicker.

CSS:

<style type="text/css">
    .riTextBox
    {
        width: 500px !important;
    }
</style>

Thanks,
Pricny.

[Giorgos]

Hi Princy,

thanks for the answer. It works for the RadMonthYearPicker control, but it unfortunately
messes up all other textboxes contained of the page.

[Giorgos]

There is an easy work-around to fix the side effect of changing the RadMonthYearPicker TextBox's width: simply
use WrapperCssClass for every other textbox used on the page.

[William]

If using CSS then might as well use a CSS Class and then in the asp.net page

<telerik:RadMonthYearPicker ID="RadMonthYearPicker1" CssClass="MyCustomWidth500px" runat="server">
</telerik:RadMonthYearPicker>

.CSS file

.MyCustomWidth500px { width: 500px !important; }