can't bold the asp button while using form decorator

5 posts, 0 answers
  1. Mohammed
    Mohammed avatar
    87 posts
    Member since:
    Aug 2011

    Posted 15 Aug 2012 Link to this post

    Hi,
    I'm using the normal asp button with form decorator and want to make the button font bold but something in form decorator is overriding that. 
    would you please let me know how i can do it.  
  2. Bozhidar
    Admin
    Bozhidar avatar
    679 posts

    Posted 16 Aug 2012 Link to this post

    Hello,

    You could use the following CSS that will bold the asp button:

    <head runat="server">
        <title></title>
        <style type="text/css">
            .RadForm .rfdSkinnedButton .rfdDecorated {font-weight: bold !important;}
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
            <telerik:RadFormDecorator ID="rfd1" runat="server" DecoratedControls="All" />
            <asp:Button ID="btn1" runat="server" Text="Bold Text" />
        </form>
    </body>
    </html>

    Note, that the style will affect all asp buttons on the page.

    Regards,
    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
  4. Mohammed
    Mohammed avatar
    87 posts
    Member since:
    Aug 2011

    Posted 16 Aug 2012 Link to this post

    thanks very much, it is working now.
    I'm wondering what if I have many buttons and want some to be in bold and others no, how can that happen please.
  5. Bozhidar
    Admin
    Bozhidar avatar
    679 posts

    Posted 16 Aug 2012 Link to this post

    Hi,

    Just wrap the button that you like to be bold in a span with a specific class name and cascade to make it bold:

    <head runat="server">
        <title></title>
        <style type="text/css">
            .RadForm .boldButton .rfdDecorated {font-weight: bold !important;}
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
            <telerik:RadFormDecorator ID="rfd1" runat="server" DecoratedControls="All" />
            <span class="boldButton"><asp:Button ID="btn1" runat="server" Text="Bold Text" /></span>
            <asp:Button ID="Button1" runat="server" Text="Normal Text" />
        </form>
    </body>
    </html>


    Regards,
    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.
  6. Mohammed
    Mohammed avatar
    87 posts
    Member since:
    Aug 2011

    Posted 16 Aug 2012 Link to this post

    thanks very much,
    regards,
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017