Panel Bar orientation

[Jeff]

Hello,
Was wondering if someone could help answer a question.

I'm trying to create a main window with a collapsed panelbar at the top, both sides, and the bottom that each contain buttons.
I've managed to get the layout I'm looking for, but the issue is the expansion of the top and left panel bars.
The top bar expands leaving the panel bar header at the very top, and the left side expands with the content upside down (header moves toward the center which is what I want).

What I'm looking for is when all 4 sides are expanded, Panel bar item header will move towards the center making a nice "Boxed in" area in the center of the screen....

I've changed aligntmet, flow direction, etc and I can't get the top to flow correctly and the left to have the contents right side up...

Wish I could post a pic, but this is the best I can describe.  I posted the XAML in case this helps.

Thanks for any help.

TOP

<

 

 

telerik:RadPanelBar Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="3" HorizontalAlignment="Stretch" Name="radPanelBar2" VerticalAlignment="Bottom" Width="Auto" Orientation="Vertical" DropExpandDelay="00:00:02" Background="#FFE7E9E7" FlowDirection="RightToLeft" VerticalContentAlignment="Top">

 

LEFT

 

 

 

<telerik:RadPanelBar Grid.Column="0" Grid.Row="1" Grid.RowSpan="2" Height="Auto" HorizontalAlignment="Left" Name="radPanelBar3" VerticalAlignment="Stretch" Width="Auto" Orientation="Horizontal" HorizontalContentAlignment="Left" FlowDirection="RightToLeft" DropExpandDelay="00:00:02" Background="#FFE7E9E7">

 

RIGHT

<

 

 

telerik:RadPanelBar Grid.Column="2" Grid.Row="1" Grid.RowSpan="2" Height="Auto" HorizontalAlignment="Right" Name="radPanelBar1" VerticalAlignment="Stretch" Width="Auto" Orientation="Horizontal" Background="#FFE7E9E7">

 

BOTTOM

<

 

 

telerik:RadPanelBar Grid.Column="0" Grid.Row="3" Grid.ColumnSpan="3" HorizontalAlignment="Stretch" Name="radPanelBar4" VerticalAlignment="Bottom" Width="Auto" Orientation="Vertical" Background="#FFE7E9E7">

 

[Petar Mladenov]

Hello Jeff,

 Please check out the attached project where a possible approach is realized. It should be a good starting point. Please let us know if this is not what you expected.

Greetings,
Petar Mladenov
the Telerik team

[Jeff]

If you take the attached example and change

 

PopulateRadPanelBars()

 

 

FROM

 

for

 

 

(int i = 0; i < 6; i++)

 

To

for

 

 

(int i = 0; i < 1; i++)

You'll see the issue I'm facing.
The bottom panel bar is the only one doing what I want to do.
The orange "Item0" is moving toward the center when expanded.  The other three are not.
I can get the left and right to move toward the center.  I can't get the top to move toward the center.
Changing flow direction does not Help...
When I get the left oriented correctly to move the Orange "Item0" to the center, the content is flipped upside down.

 

[Petar Mladenov]

Hello Jeff,

 Unfortunately, the behavior that you want to achieve cannot be implemented out of the box. Have you considered creating your own animations that move the PanelBar when Expanding and Collapsing it ? Is this suitable for you ?

Kind regards,
Petar Mladenov
the Telerik team

[Jeff]

At this point I have not considered creating my own animations.  The purpose of purchasing Telerik was to reduce development time.  Also I was waiting to see if this was possible out of the box before going that route. 
I think we'll figure something out. 

Thanks for the help.