Hi, I'm having some problems with this layout scenario as per the example code below:
<
UserControl
x:Class
=
"RadPanelBarHeight.MainPage"
xmlns:telerik
=
"http://schemas.telerik.com/2008/xaml/presentation"
mc:Ignorable
=
"d"
d:DesignWidth
=
"640"
d:DesignHeight
=
"480"
>
<
Grid
x:Name
=
"LayoutRoot"
>
<
telerik:RadPanelBar
VerticalAlignment
=
"Stretch"
ExpandMode
=
"Multiple"
>
<
telerik:RadPanelBarItem
Header
=
"Test 1"
IsExpanded
=
"True"
Height
=
"100"
>
<
TextBlock
Text
=
"TEST"
Height
=
"90"
/>
</
telerik:RadPanelBarItem
>
<
telerik:RadPanelBarItem
Header
=
"Test 2"
IsExpanded
=
"True"
>
<
TextBlock
Text
=
"TEST"
Height
=
"90"
/>
</
telerik:RadPanelBarItem
>
<
telerik:RadPanelBarItem
Header
=
"Test 3"
IsExpanded
=
"True"
>
<
TextBlock
Text
=
"TEST"
Height
=
"90"
/>
</
telerik:RadPanelBarItem
>
</
telerik:RadPanelBar
>
</
Grid
>
</
UserControl
>
The panel bar correctly fits 100% of available height, but the display becomes buggy if one of the items has a fixed height and the others don't.
What we ideally want is for the layout to respect the fixed height items, and divide the remaining height between items that don't have a height specified, while maintaining the PanelBar look and feel.
Is there a way to enable the PanelBar control to work in this manner? If not, is there another Telerik control that would provide this behaviour?
Thanks for your help.
Sam