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

textbox width when textmode= password in telerik Q1 2012

1 Answer 80 Views
Sharepoint Integration
This is a migrated thread and some comments may be shown as answers.
Jiju
Top achievements
Rank 1
Jiju asked on 27 Feb 2012, 07:00 AM
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.

1 Answer, 1 is accepted

Sort by
0
Accepted
Bozhidar
Telerik team
answered on 27 Feb 2012, 05:45 PM
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.
Tags
Sharepoint Integration
Asked by
Jiju
Top achievements
Rank 1
Answers by
Bozhidar
Telerik team
Share this question
or