Jeffrey Sylvan
Top achievements
Rank 1
Rank 1
Jeffrey Sylvan
asked on 07 Jul 2009, 06:56 PM
I'm looking to make some small changes to a couple of the embeded skins. Is it possible to override specific styles, or do I have to use a custom skin if I want to make any changes?
2 Answers, 1 is accepted
0
Computer Surgeon
Top achievements
Rank 1
Rank 1
answered on 08 Jul 2009, 10:39 AM
Hi there,
I just copied the CSS file for example RadTextBox and copied it to my application local and customized as i wished. And where ever i use RadTextBox i'v added the attributes Skin="MyRadTextBox" EnableEmbeddedSkins="false" and it worked.
Please let me know is that works!.
I just copied the CSS file for example RadTextBox and copied it to my application local and customized as i wished. And where ever i use RadTextBox i'v added the attributes Skin="MyRadTextBox" EnableEmbeddedSkins="false" and it worked.
Please let me know is that works!.
0
Accepted
Hi Jeffrey,
Generally, you can easily override all CSS classes using the !important rule. For example
Kind regards,
Paul
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Generally, you can easily override all CSS classes using the !important rule. For example
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head runat="server"> |
| <title></title> |
| <style type="text/css"> |
| .RadTabStrip .rtsTxt |
| { |
| color: Red; |
| } |
| .RadTabStrip .rtsSelected .rtsTxt |
| { |
| color: White; |
| font-weight: bold !important; |
| } |
| .RadTabStrip .rtsSelected |
| { |
| background: none !important; |
| background-color: Lime !important; |
| } |
| </style> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
| </telerik:RadScriptManager> |
| <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="1" Skin="Simple"> |
| <Tabs> |
| <telerik:RadTab runat="server" Text="Root RadTab1"> |
| </telerik:RadTab> |
| <telerik:RadTab runat="server" Text="Dashboard123" /> |
| <telerik:RadTab runat="server" Text="Root RadTab3" Selected="True"> |
| </telerik:RadTab> |
| </Tabs> |
| </telerik:RadTabStrip> |
| </form> |
| </body> |
| </html> |
Kind regards,
Paul
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.