WPF Layout Controls | ComponentOne
WPF Layout Controls / Accordion / Expanding and Collapsing / Expand Direction
In This Topic
    Expand Direction
    In This Topic

    In Accordion control, users can set the direction in which the accordion pane would expand to display the items. By default the Accordion expands in downward direction and the control expands from top to bottom.  The C1Accordion class provides the ExpandDirection property for this purpose. The ExpandDirection enumeration lets the user expand the Accordion in four directions: Left, Right, Up or Down direction. This feature lets the user fit the accordion control into a variety of application UIs.

    Expanding Direction

    Snapshot

    Expand Down (default)

    Expand Down

    Expand Up

    Expand Up

    Expand Right

    Expand Right

    Expand Left

    Expand Left

    The code snippet below illustrates how to set the direction for expansion in Accordion for WPF control as 'right':

    <c1:C1Accordion x:Name="accordion" ExpandDirection="Right" Width="300" Margin="25">
    </c1:C1Accordion>
    
    accordion.ExpandDirection = C1.WPF.Accordion.ExpandDirection.Right;