Grow/Shrink Width

[Barry Burton]

I am an experienced asp.net 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!

Barry

[Dimo]

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.

http://jsfiddle.net/dimodi/aJZpC/

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.

http://api.jquery.com/category/selectors/

Regards,
Dimo
Telerik

[Barry Burton]

Brilliant!  As always, thanks for your help Dimo!