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

can't bold the asp button while using form decorator

4 Answers 59 Views
FormDecorator
This is a migrated thread and some comments may be shown as answers.
Mohammed
Top achievements
Rank 2
Mohammed asked on 15 Aug 2012, 08:46 PM
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.  

4 Answers, 1 is accepted

Sort by
0
Bozhidar
Telerik team
answered on 16 Aug 2012, 06:50 AM
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.
0
Mohammed
Top achievements
Rank 2
answered on 16 Aug 2012, 08:51 AM
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.
0
Bozhidar
Telerik team
answered on 16 Aug 2012, 11:31 AM
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.
0
Mohammed
Top achievements
Rank 2
answered on 16 Aug 2012, 11:48 AM
thanks very much,
regards,
Tags
FormDecorator
Asked by
Mohammed
Top achievements
Rank 2
Answers by
Bozhidar
Telerik team
Mohammed
Top achievements
Rank 2
Share this question
or