Bootstrap Skin

2 posts, 0 answers
  1. Jack
    Jack avatar
    128 posts
    Member since:
    May 2003

    Posted 21 May Link to this post

    Hi,

    I've looked around and tried the Style Builder as well but can't find what I'm looking for, which is the CSS to make the bottom border on the Bootstrap Tab Strip Skin extend all the way to the right instead of stooping after the last tab.

    All help appreciated.

    Cheers,

    J

     

     

  2. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    540 posts

    Posted 23 May Link to this post

    Hi.

    The behaviour you described is specific only for Classic rendering. To overwrite the issue, you need a small css snippet:

    html .RadTabStripTop_Bootstrap .rtsUL {
        float: none;
        display: block;
    }

    Attached is a page that shows the snippet in action.

    I'm also attaching a page that uses RadTabstrip / Bootstrap skin in lightweight render mode. For more information on lightweight rendermode, you can check this blog post -- http://www.telerik.com/blogs/attack-of-the-light-rendered-css3-and-html5-win -- or just look in the docs. But in a nutshell, it's our take on semantic rendering and styling using mostly CSS and little to no images.

    Regards,
    Ivan Zhekov
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top