This is a migrated thread and some comments may be shown as answers.

Using the CSS class to set the RadInput width, when followed by other controls

3 Answers 120 Views

Input

This is a migrated thread and some comments may be shown as answers.

Michel asked on 30 Nov 2009, 06:14 AM

I tried following the instructions here http://www.telerik.com/help/aspnet-ajax/input_appearancewidth.html (Using the CSS class to set the width). However, when ShowButton = true, ShowSpinButtons = true or Label = true, controls that are immediatly after the RadInput seem to remain aligned with the default 125px and not the value specified by the CSS.

Below is such an example, where a RadNumericTextBox has both a label and spin buttons, and is followed by a RequiredFieldValidator.

    
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
                <head id="Head1" runat="server">  
        
                    <title></title>  
        
                    <style type="text/css">  
        
                        /*when using label or buttons*/  
        
                        .RadInput_Default,  
        
                        .RadInput_Default table  
        
                        {  
        
                            width: 250px !important;  
        
                        }  
        
                        /*else*/  
        
                        .RadInput_Default .riTextBox  
        
                        {  
        
                            width: 250px  !important ;  
        
                        }  
        
                    </style> 
        
                </head> 
        
                <body> 
        
                    <form id="form1" runat="server">  
        
                        <asp:ScriptManager ID="ScriptManager1" runat="server" />    
        
                        <tlk:RadNumericTextBox id="RadNumericTextBox1" runat="server" Label="Test Label: " ShowSpinButtons="true" /> 
        
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="RadNumericTextBox1" ErrorMessage="RequiredFieldValidator"></asp:RequiredFieldValidator> 
        
                        <br /> 
        
                        <asp:Button ID="Button1" runat="server" Text="Button" /> 
        
                    </form> 
        
                </body>   
        
            </html>

Any help to solve this issue would be appreciated.

Using the CSS class to set the RadInput width, when followed by other controls

3 Answers, 1 is accepted