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

textbox width when textmode= password in telerik Q1 2012

1 Answer 109 Views

Sharepoint Integration

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

1 Answer, 1 is accepted

Accepted

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">

<html xmlns="http://www.w3.org/1999/xhtml">

<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.