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

TextBox + RadInputManager + IE6 = width problem

1 Answer 68 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.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

TextBox + RadInputManager + IE6 = width problem

1 Answer, 1 is accepted