Static sized PanelBar?

3 posts, 0 answers
  1. Kyle
    Kyle avatar
    45 posts
    Member since:
    Mar 2012

    Posted 29 Mar 2012 Link to this post

    Whenever I click on a panelbar heading (even in the demo: http://localhost/test/examples/web/panelbar/index.html) the panelbar resizes itself (shrinks & expands depending on the number of child elements). Is there a way to make the panelbar a static height?
  2. Alexander Valchev
    Alexander Valchev avatar
    2895 posts

    Posted 02 Apr 2012 Link to this post

    Hello Kyle,

    I suggest to set the height of the <li> item's content through a CSS rule. For example:
    .k-panelbar .k-content>.panelBar-content {
        height: 200px;
        overflow: auto;

    Where .panelBar-content is the class of the content wrapper. You can see this approach in action in this jsFiddle example.
    I hope this information helps.

    Alexander Valchev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Jane
    Jane avatar
    1 posts
    Member since:
    Apr 2012

    Posted 07 Apr 2012 Link to this post

    Was looking for something similar and yes the above did help thank you.

    The example is helpful too.

    I do like that jsfiddle stuff

    GuildWars2 Ranger
Back to Top