RadFormDecorator not styling TextBoxes and Button in CreateUserWizard

2 posts, 1 answers
  1. Patrik
    Patrik avatar
    6 posts
    Member since:
    May 2009

    Posted 12 May 2012 Link to this post

    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...
  2. Answer
    Bozhidar
    Admin
    Bozhidar avatar
    679 posts

    Posted 14 May 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top