Customize my RadTabStrip

2 posts, 0 answers
  1. Patrick
    Patrick avatar
    5 posts
    Member since:
    Oct 2012

    Posted 24 Dec 2012 Link to this post


    I had tried following the step in following site:
    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. 

  2. Boyan Dimitrov
    Boyan Dimitrov avatar
    1728 posts

    Posted 27 Dec 2012 Link to this post

    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.
  3. DevCraft R3 2016 release webinar banner
Back to Top