RadFormDecorator not working for rad control.

2 posts, 0 answers
  1. Vipin
    Vipin avatar
    3 posts
    Member since:
    May 2013

    Posted 22 Jun 2013 Link to this post

    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">
    <head runat="server">
        <form id="form1" runat="server">
                <telerik:RadScriptManager runat="server" ID="scriptmgr">
                <telerik:RadFormDecorator ID="Dd" EnableEmbeddedSkins="true" EnableRoundedCorners="true" runat="server" DecoratedControls="all" Skin="Office2007" />
                <asp:TextBox ID="UserName" autocomplete="off" runat="server"></asp:TextBox>
                <asp:TextBox ID="TextBox1" autocomplete="off" runat="server"></asp:TextBox>
                <asp:TextBox ID="TextBox2" autocomplete="off" runat="server"></asp:TextBox>
                <asp:TextBox ID="TextBox3" autocomplete="off" runat="server"></asp:TextBox>
                <telerik:RadTextBox ID="_rdtxtOldPassword"
                    MaxLength="15" runat="server" Width="200px" TextMode="Password" AutoCompleteType="Disabled">
                <telerik:RadTextBox ID="_rdtxtNewPassword" Style="width: 50%"
                    MaxLength="15" runat="server" TextMode="Password" Width="200px" AutoCompleteType="Disabled">
                <asp:Button ID="_btnEditPassword" runat="server" Text="Submit" Width="86px" />
                <telerik:RadButton runat="server" ID="radButtom" Text="Submit"></telerik:RadButton>

    Please see the image attached only the asp.net controls are decorated.
  2. Danail Vasilev
    Danail Vasilev avatar
    1502 posts

    Posted 24 Jun 2013 Link to this post


    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:

    <telerik:RadTextBox ID="RadTextBox1" runat="server" TextMode="Password" Skin="" CssClass="rfdRoundedCorners rfdDecorated decoratedInputHeight">
    <style type="text/css">
            height: 22px !important;

    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.

    Danail Vasilev
    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.
Back to Top