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

Customize my RadTabStrip

1 Answer 51 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Patrick
Top achievements
Rank 1
Patrick asked on 24 Dec 2012, 06:17 AM
Hi,

I had tried following the step in following site:
http://demos.telerik.com/aspnet-ajax/tabstrip/examples/appearance/customcssclasses/defaultcs.aspx
to customize my own Css Class but it didn't quite come up what i want as the Words weren't displayed completely and the tab shown improperly and Hover can't change to yellow (Please see attachment 1 and CSS)
So several questions I like to ask:
1) How can I fixed the CSS class in order to make my tab shown properly.
2.) Larger Tab Size.  I want the first tab would be larger and taller among other tabs within ths same Tabstrip.   Could you show me the CSS how to do this
3.) Apply my own Sprite Guide.  I want to have tab design or shape based on my images, do I have to create sprite image first?  Any alternative way?  I don know How to create a sprite.  Could you show me some tuterials and samples.
3.) Apart from the color, I would like to create my custom Tab (Please see attachment 2) based on my own design images (Please see attachment 3),  Please advise How can I do it and sample css provided would be much appreicated. 

Thanks.
Patrick

1 Answer, 1 is accepted

Sort by
0
Boyan Dimitrov
Telerik team
answered on 27 Dec 2012, 08:26 AM
Hello Patrick,

Please find detailed information about styling and customizing the tabstrip control under appearance and styling section in our RadTabStrip help article. Here you will find some tutorials for creating a custom sprite image and understanding the css selectors in order to achieve your custom styling.

Kind regards,
Boyan Dimitrov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
TabStrip
Asked by
Patrick
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
Share this question
or