textbox width in css

2 posts, 1 answers
  1. Jiju
    Jiju avatar
    57 posts
    Member since:
    Jul 2011

    Posted 01 Mar 2012 Link to this post

    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
  2. Answer
    Galin
    Admin
    Galin avatar
    526 posts

    Posted 06 Mar 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

Back to Top