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

RadFormDecorator not working for rad control.

1 Answer 283 Views

FormDecorator

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

Vipin asked on 22 Jun 2013, 10:43 AM

11.png

RadFormDecorator control working properly asp controls and not working for rad controls. Applied skins are not decorating the rad controls. Please see the sample below.

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<%@ Register Assembly="Telerik.Web.UI, Version=2013.2.611.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4"

Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

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

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager runat="server" ID="scriptmgr">

</telerik:RadScriptManager>

</div>

<div>

<telerik:RadFormDecorator ID="Dd" EnableEmbeddedSkins="true" EnableRoundedCorners="true" runat="server" DecoratedControls="all" Skin="Office2007" />

</div>

<div>

<asp:TextBox ID="UserName" autocomplete="off" runat="server"></asp:TextBox>

</div>

<div>

<asp:TextBox ID="TextBox1" autocomplete="off" runat="server"></asp:TextBox>

</div>

<div>

<asp:TextBox ID="TextBox2" autocomplete="off" runat="server"></asp:TextBox>

</div>

<div>

<asp:TextBox ID="TextBox3" autocomplete="off" runat="server"></asp:TextBox>

</div>

<div>

<telerik:RadTextBox ID="_rdtxtOldPassword"

MaxLength="15" runat="server" Width="200px" TextMode="Password" AutoCompleteType="Disabled">

</telerik:RadTextBox>

<telerik:RadTextBox ID="_rdtxtNewPassword" Style="width: 50%"

MaxLength="15" runat="server" TextMode="Password" Width="200px" AutoCompleteType="Disabled">

</telerik:RadTextBox>

</div>

<div>

<asp:Button ID="_btnEditPassword" runat="server" Text="Submit" Width="86px" />

<telerik:RadButton runat="server" ID="radButtom" Text="Submit"></telerik:RadButton>

</div>

</form>

</body>

</html>

Please see the image attached only the asp.net controls are decorated.

1 Answer, 1 is accepted

answered on 24 Jun 2013, 04:22 PM

Hi,

In order to decorate RadInput with RadFormDecorator you must set the skin property of the RadInput to "". This is explained in Integration With RadControls help article.

Since Q2 2013, however, there is an issue with the decoration of RadInput, so that when an input is hovered, its decoration is lost. This is logged in as a feedback item here, so that you can monitor, comment or raise its priority by voting on it. The workaround is to manually set RadFormDecorator's CSS classes to the input. For a decorated RadTextBox TextMode="Password", there is another issue - the height of the input is diminished to 17px., so it must be manually set. Please find below a workaround for the described scenario:

ASPX:

<telerik:RadTextBox ID="RadTextBox1" runat="server" TextMode="Password" Skin="" CssClass="rfdRoundedCorners rfdDecorated decoratedInputHeight">

</telerik:RadTextBox>

CSS:

<style type="text/css">

.decoratedInputHeight

{

height: 22px !important;

}

</style>

Could I also ask you to not open multiple forum threads for the one and the same question, so that there are no duplicate themes? Thank you for your cooperation.

Regards,
Danail Vasilev
Telerik

Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.