RadTabStrip scroll buttons disappeared

3 posts, 0 answers
  1. Jeremy
    Jeremy avatar
    31 posts
    Member since:
    Apr 2014

    Posted 18 Nov 2014 Link to this post

    I am dynamically creating tabs in a RadTabStrip.  Everything was working wonderfully until I started styling the tabs.  I had to remove the default skin (skin="") to style the tabs the way I want.  But now the scroll buttons are gone.  I haven't found any documentation on how to bring them back or style them.

    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="PartyHistorysPages" Skin="" Width="100%" ScrollChildren="true" ScrollButtonsPosition="Right" OnTabClick="RadTabStrip1_TabClick">
  2. Nencho
    Nencho avatar
    1661 posts

    Posted 21 Nov 2014 Link to this post

    Hello Jeremy,

    Thank you for contacting Telerik Support.

    Indeed, once you configure the skin in the demonstrated way - none is applied and this is the reason for the missing background image of the scroll buttons. However, you could apply custom styles for the buttons in questions, using the rtsPrevArrow and rtsNextArrow selectors. Please consider the below example :

       html .RadTabStrip .rtsPrevArrow,
    html .RadTabStrip .rtsNextArrow {
               border: 1px solid black;
               background: rgba(255,0,0,.5);
               margin-top: 0;

    Hope this information helps. I will be glad to assist you any further.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. Jeremy
    Jeremy avatar
    31 posts
    Member since:
    Apr 2014

    Posted 21 Nov 2014 in reply to Nencho Link to this post

    That worked.  Thank you.
Back to Top