CSS properties in Kendo TabStrip

Thread is closed for posting
2 posts, 1 answers
  1. Kay
    Kay avatar
    10 posts
    Member since:
    Apr 2016

    Posted 13 Apr 2016 Link to this post

    Hi there,
    I am using a TabStrip and am struggeling with scrollbars within the tab strip content. I found out that I am able to solve this by using css style "display: inline-table" instead of "display: block".

    Unfortunately I am not able to set this style in my code:

                          .HtmlAttributes(new {style = "height:auto" })
                          .Items(ts =>
                              ts.Add().Text("Text1").Enabled(true).HtmlAttributes(new { id = "item1"}).Content(@Html.Partial("_Form1", new Model1()).ToHtmlString());
    This will generate following markup structure:

    <div class="k-tabstrip-wrapper">

    <div class="k-widget k-tabstrip k-header k-floatwrap k-tabstrip-top">

    <ul class="k-reset k-tabstrip-items">

    ....[some more ul]...

    <div class="k-content k-state-active" id="tab1" style="display:block" role="tabpanel" aria-expanded="true">


    The problem appears in the line above where display is set to "block". The browser shows:

    element.style {

    display: block;

    1. I did not specify this style. I assume this is generated?

    2. I cannot override this property using:

        .k-tabstrip .k-content.k-state-active {
            display: inline-table;

    3. Neither setting .Htmlattributes on the grid nor the tabstrip helps, as they're corresponding to parent divs.


    Does anybody know how to do this?

  2. Answer
    Tsvetina avatar
    2481 posts

    Posted 18 Apr 2016 Link to this post

    Hi Kay,

    It seems like the question you ask refers to the Editor for ASP.NET MVC. However, you posted it in the Telerik Platform forums.

    To get help related to the controls from the UI for ASP.NET MVC suite, please post in 
    their respective forums or in Stack Overflow where the Kendo UI community discussions take place.

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top