Panel Bar orientation

5 posts, 0 answers
  1. Jeff
    Jeff avatar
    7 posts
    Member since:
    May 2011

    Posted 19 Aug 2011 Link to this post

    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">

     

  2. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 24 Aug 2011 Link to this post

    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

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

  3. UI for WPF is Visual Studio 2017 Ready
  4. Jeff
    Jeff avatar
    7 posts
    Member since:
    May 2011

    Posted 24 Aug 2011 Link to this post

    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.

     

  5. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 29 Aug 2011 Link to this post

    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

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

  6. Jeff
    Jeff avatar
    7 posts
    Member since:
    May 2011

    Posted 29 Aug 2011 Link to this post

    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.
Back to Top
UI for WPF is Visual Studio 2017 Ready