textbox width when textmode= password in telerik Q1 2012

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

    Posted 27 Feb 2012 Link to this post

    Hi,
    In my page I have used radtextbox to input password. I used code below
    <telerik:RadTextBox ID="radtextbox1" runat="server" Width="400px"  TextMode="Password" >
    </telerik:RadTextBox>
    when using telerik 2009, the width is showing correctly, but when i changed to telerik Q1 2012,I cannot set the width when textmode is password.
    Is there any solution for this?
    Thanks in advance.
  2.
  3. Answer
    Bozhidar
    Admin
    Bozhidar avatar
    693 posts

    Posted 27 Feb 2012 Link to this post

    Hello,

    I suppose it happens only when you have RadFormDecorator on the page also? The problem comes form the width unification for all Telerik input elements, FormDecorator overrides RadInput width. The problem is fixed and will be available in the next official release - Q1, 2012, Service Pack 1, scheduled for the mid April, or in any of the upcoming internal weekly builds.

    For now, you could use the following CSS fix:

    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <title></title>
        <style type="text/css">
            /* Fix when RadInput is decorated by RFD and has width specified */
            .RadForm.rfdTextbox .RadInput input[type="text"],
            .RadForm.rfdTextbox .RadInput input[type="password"],
            .RadForm.rfdTextbox .RadInput input[type="search"],
            .RadForm.rfdTextbox .RadInput input[type="url"],
            .RadForm.rfdTextbox .RadInput input[type="tel"],
            .RadForm.rfdTextbox .RadInput input[type="email"]
            {
                width: 100%;
                box-sizing:border-box;
                -moz-box-sizing:border-box;
                -ms-box-sizing:border-box;
                -webkit-box-sizing:border-box;
                -khtml-box-sizing:border-box;
            }
     
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <telerik:RadFormDecorator ID="rfd1" runat="server" DecoratedControls="All" />
        <telerik:RadTextBox ID="radtextbox1" runat="server" Width="400px" TextMode="Password">
        </telerik:RadTextBox>
        </form>
    </body>
    </html>


    Kind regards,
    Bozhidar
    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