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

TextBox + RadInputManager + IE6 = width problem

1 Answer 84 Views

Input

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

Denis asked on 08 May 2010, 09:40 PM

screenshot.PNG

Hello,

I'm using latest internal build: 2010.1.504.20.
I'm experiencing strange problem when using TextBox and RadInputManager in in IE6. The TextBox width becomes bigger when I click submit button several times. And return back to original size when I hover it.
In short, I have outer div that specifies width, inner div that specifies padding. TextBox, RadInputManager and submit button are inside inner div. Pretty simple, XHTML and CSS are fine there.

    
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title></title> 
        
                <style> 
        
                    .btb {float:left;width:245px;} 
        
                    .btb .inner {color:#FFFFFF;padding:40px 10px 20px;} 
        
                    .contact-txt input, 
        
                    .contact-txt textarea 
        
                    {margin-bottom: 10px; color: #666666 !important;} 
        
                    .contact-txt .contact-msg-txt textarea 
        
                    {height: 90px; margin-bottom: 5px;} 
        
                    .contact-txt .RadInputMgr_Default 
        
                    {border-color: #277596 !important; width: 100%;} 
        
                    .contact-btn 
        
                    {float: right; text-decoration: none; color: #33CCFF;} 
        
                    .contact-btn:hover 
        
                    {text-decoration: underline;} 
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <asp:ScriptManager ID="ScriptManager1" runat="server"> 
        
                </asp:ScriptManager> 
        
                <div class="btb"><div class="inner"> 
        
                    <div class="contact-txt"> 
        
                    <div class="contact-msg-txt"> 
        
                        <asp:TextBox runat="server" ID="MessageText" TextMode="MultiLine" ValidationGroup="Contact" /> 
        
                    </div> 
        
                    </div> 
        
                    <asp:LinkButton ID="LinkButton1" ValidationGroup="Contact" runat="server" Text="Send" CssClass="contact-btn" /> 
        
                </div></div> 
        
                <telerik:RadInputManager  ID="ContactRadInputManager" runat="server"> 
        
                    <telerik:TextBoxSetting BehaviorID="MessageBehavior" EmptyMessage="Message" ErrorMessage="Please enter message" 
        
                                            Validation-IsRequired="true" Validation-ValidationGroup="Contact"> 
        
                        <TargetControls> 
        
                            <telerik:TargetInput ControlID="MessageText" /> 
        
                        </TargetControls> 
        
                    </telerik:TextBoxSetting>     
        
                </telerik:RadInputManager> 
        
                </form> 
        
            </body> 
        
            </html>

Just try to run following code with latest internal build in IE6 (unfortunately there is no way to attach test project to this thread).

Thank you,
Denis.

TextBox + RadInputManager + IE6 = width problem

1 Answer, 1 is accepted