Grow/Shrink Width

3 posts, 0 answers
  1. Barry Burton
    Barry Burton avatar
    25 posts
    Member since:
    Jan 2010

    Posted 17 Feb 2014 Link to this post

    I am an experienced web forms developer, new to the Kendo UI.  I have a reasonable grasp on things, but sometimes feel I am I groping around in the dark!  :-)

    So here is my issue...

    I have a panel bar with eight root level items, each of these containing 1-5 child items.  All of these items, both parent and child contain both an image and text.  I have added a toggle button to my view that will grow or shrink the width of the panel bar, depending on the button state when clicked.  That much I was able to glean from various forum post.  What I need to know now is how to modify the root and/or child item text when growing (restore text) or shrinking (remove text) the panel bar.

    Thanks in advance for any help you can give!


  2. Dimo
    Dimo avatar
    8406 posts

    Posted 18 Feb 2014 Link to this post

    Hello Barry,

    If the PanelBar can only have 2-3 fixed widths, then the best option is to tweak the appearance and layout of all its internal content with CSS code. Here is a simple demo, which demonstrates what I mean.

    In case the PanelBar can have more widths, then you can tweak the looks of the internal content with Javascript or a combination of Javascript and CSS. For the Javascript part, use standard jQuery selectors and DOM/CSS manipulation techniques.

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Barry Burton
    Barry Burton avatar
    25 posts
    Member since:
    Jan 2010

    Posted 18 Feb 2014 in reply to Dimo Link to this post

    Brilliant!  As always, thanks for your help Dimo!
Back to Top