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> <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> </div> </form></body></html>Please see the image attached only the asp.net controls are decorated.
1 Answer, 1 is accepted
0
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:
CSS:
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
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><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.