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

Change Font Size

2 Answers 254 Views
Button
This is a migrated thread and some comments may be shown as answers.
Sheldon
Top achievements
Rank 1
Sheldon asked on 25 Oct 2012, 01:55 AM
Hello,
I have a radbutton with the buttontype of Togglebutton and would like the font size to change when the button is toggled - a larger font when it is selected and a smaller font when it is not.  I am trying to do this through a Css Class.  It seems like everything else works just fine - I can change the font family, font weight, background color, etc., but the font-size does not.  Please help.

Thanks.

2 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 25 Oct 2012, 05:04 AM
Hi,
Try the following to achieve the scenario.

ASPX:
<telerik:RadButton ID="RadButton1" runat="server" ToggleType="CheckBox" ButtonType="ToggleButton">
   <ToggleStates>
         <telerik:RadButtonToggleState Text="ABC" CssClass="UnSelectedCSS" />
         <telerik:RadButtonToggleState Text="DEF" CssClass="SelectedCSS" />
    </ToggleStates>
</telerik:RadButton>

CSS:
<style type="text/css">
    .SelectedCSS
       {
           font-size: 12px !important;
       }
     .UnSelectedCSS
       {
           font-size: 32px !important;
       }
   </style>

Thanks,
Princy.
0
Sheldon
Top achievements
Rank 1
answered on 25 Oct 2012, 04:17 PM
That worked.  Thanks!
Tags
Button
Asked by
Sheldon
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Sheldon
Top achievements
Rank 1
Share this question
or