This is a migrated thread and some comments may be shown as answers.

Grow/Shrink Width

2 Answers 28 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Barry Burton
Top achievements
Rank 1
Barry Burton asked on 17 Feb 2014, 09:03 PM
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

2 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 18 Feb 2014, 08:56 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Barry Burton
Top achievements
Rank 1
answered on 18 Feb 2014, 01:57 PM
Brilliant!  As always, thanks for your help Dimo!
Tags
PanelBar
Asked by
Barry Burton
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Barry Burton
Top achievements
Rank 1
Share this question
or