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

RadFormDecorator not styling TextBoxes and Button in CreateUserWizard

1 Answer 102 Views
FormDecorator
This is a migrated thread and some comments may be shown as answers.
Patrik
Top achievements
Rank 2
Patrik asked on 12 May 2012, 10:05 AM
Hello,
I have a problem with RadFormDecorator, using CreateUserWizard does not apply to the element of style elements TexBox and Button.

<form id="form1" runat="server">
    <telerik:RadScriptManager ID="RpScriptManager" runat="server">
        <Scripts>
            <%--Needed for JavaScript IntelliSense in VS2010--%>
            <%--For VS2008 replace RadScriptManager with ScriptManager--%>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <script type="text/javascript">
        //Put your JavaScript code here.
    </script>
    <telerik:RadAjaxManager ID="RpAjaxManager" runat="server">
    </telerik:RadAjaxManager>
    <telerik:RadSkinManager ID="RpSkinManager" runat="server" Skin="Black">
    </telerik:RadSkinManager>
    <div>
        <!-- Logo & Navigation -->
        <div class="logo">
            <div style="float: right; width: 150px; margin: 40px 10px 10px 10px">
                <asp:ImageButton runat="server" ID="loginBtn" ImageUrl="../styles/images/login.png"
                    Width="30px" Height="30px" ToolTip="Login" OnClick="loginBtn_Click" />
                <asp:ImageButton runat="server" ID="registerBtn" ImageUrl="../styles/images/signIn.png"
                    Width="30px" Height="30px" ToolTip="Create new account" Style="margin-left: 10px"
                    OnClick="registerBtn_Click" />
                <asp:ImageButton runat="server" ImageUrl="~/styles/images/logout.png" ID="logoutBtn"
                    Width="30px" Height="30px" ToolTip="Log Out" Visible="false" OnClick="logoutBtn_Click" />
                <asp:Label runat="server" ID="userNameLbl" Font-Size="18px" ForeColor="White" Visible="false" />
            </div>
            <div id="navigation">
                <telerik:RadMenu ID="MainMenu" runat="server" Skin="Bond" EnableEmbeddedBaseStylesheet="False"
                    EnableEmbeddedSkins="False" EnableTextHTMLEncoding="true">
                    <Items>
                        <telerik:RadMenuItem runat="server" Text="Main" NavigateUrl="~/Default.aspx">
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem runat="server" Text="Investment Scheme" NavigateUrl="~/Pages/InvestScheme.aspx">
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem runat="server" NavigateUrl="~/Pages/Products.aspx" Text="Products">
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem runat="server" NavigateUrl="~/Pages/Help.aspx" Text="Need help">
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem runat="server" NavigateUrl="~/Pages/Support.aspx" Text="Support">
                        </telerik:RadMenuItem>
                    </Items>
                </telerik:RadMenu>
            </div>
        </div>
        <!-- Content -->
        <telerik:RadFormDecorator ID="RpFormDecorator" runat="server" Skin="Black" DecorationZoneID="displayWizard" DecoratedControls="LoginControls" />
        <div id="regZone" style="width: 900px; margin: 0 auto" align="center">
            <asp:Image runat="server" ID="newUserImg" ImageUrl="~/styles/images/Actions-list-add-user-icon.png"
                Width="256px" Height="256px" Style="float: left; margin: 5px 20px 5px 60px" />
            <div id="displayWizard" style="padding-top: 50px">
                <asp:CreateUserWizard ID="CreateUserWizard1" runat="server" FinishDestinationPageUrl="~/Pages/User/Profile.aspx"
                    ContinueDestinationPageUrl="~/Pages/User/Profile.aspx">
                    <WizardSteps>
                        <asp:CreateUserWizardStep ID="CreateUserWizardStep1" runat="server">
                        </asp:CreateUserWizardStep>
                        <asp:CompleteWizardStep ID="CompleteWizardStep1" runat="server">
                        </asp:CompleteWizardStep>
                    </WizardSteps>
                </asp:CreateUserWizard>
            </div>
        </div>
        <!-- Footer -->
        <br class="cleared" />
        <div class="footer">
        </div>
    </div>
    </form>


Thanks for any advice...

1 Answer, 1 is accepted

Sort by
0
Accepted
Bozhidar
Telerik team
answered on 14 May 2012, 07:45 AM
Hello,

Thank you for contacting us. From your sample code I see you have specified for RadFormDecorator to decorate LoginControls only, while it should be set to all:

<telerik:RadFormDecorator ID="RpFormDecorator" runat="server" Skin="Black" DecorationZoneID="displayWizard"
            DecoratedControls="All" />

This change will allow the decoration for all form elements.

Greetings,
Bozhidar
the Telerik team
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.
Tags
FormDecorator
Asked by
Patrik
Top achievements
Rank 2
Answers by
Bozhidar
Telerik team
Share this question
or