textbox width in css

[Jiju]

Hi,
I am using a css file to assign the style of rad controls in page, i call this css in all pages as below
<LINK rel="stylesheet" type="text/css" href="~/_layouts/My_Project_Folder/Style/Styles.css"/>
i have set the width of radtextbox in this css. and this works when using telerik Q3 2009, but when i change to Q1 2012, the width of textbox not showing as mentioned in this css file.
how can i fix this issue.

thanks in advance.
Jiju

[Galin]

Hi Jiju,

Since Q3 2011 RadInput has a new rendering mode. This mode is controlled through the EnableSingleInputRendering property. Since Q1 2012 it is set to true by default and the RadInput controls use a single input of type text to keep the entered values. Whereas with the non-single input rendering mode, two or three inputs of type text are rendered.

Enabling the single input rendering mode improves the page performance and allows for easier customizations.

However, you can control the width of the RadInput control with the property Width or with the following CSS rule

.riSingle
{
    width: 150px !important;
}

For more information please refer to the following help topics
http://www.telerik.com/help/aspnet-ajax/input-controlling-appearance.html
http://www.telerik.com/help/aspnet-ajax/input-single-rendering-output-css-styling.html

I hope this helps. Please let me know if I can assist you any further.


Regards,
Galin
the Telerik team