SplitterRow Properties

  • collapseDirection

    This property enables you to expand and collapse a page of the splitter.

    Value

    Example of the Visual Display

    Description

    toBegin

    collapseDirection=toBegin

    The sash has a button with an arrow symbol pointing to the left (see figure). If you choose the button, the sash is collapsed to the left so that the left area of the Splitter is no longer visible. The right area of the Splitter, on the other hand, is expanded to the full width and height of the UI element.

    With horizontal orientation of the sash, the behavior is the same. The arrow symbol of the button points upwards and the sash is collapsed upwards. The bottom area of the Splitter is expanded to the full height of the UI element.

    If a sash is pulled to the end of the area, the direction of the arrow changes. If you choose the button again, the sash is returned to its original position. The arrow points in the original closing direction again.

    It is possible to move the sash.

    toEnd

    collapseDirection=toEnd

    The sash has a button with an arrow symbol pointing to the right (see figure). If you choose the button, the sash is collapsed to the right so that the right area of the Splitter is no longer visible. The left area of the Splitter, on the other hand, is expanded to the full width of the UI element.

    With horizontal orientation of the sash, the behavior is the same. The arrow symbol of the button points downwards and the sash is collapsed downwards. The top area of the Splitter is expanded to the full height of the UI element.

    If a sash is pulled to the end of the area, the direction of the arrow changes. If you choose the button again, the sash is returned to its original position. The arrow points in the original closing direction again.

    It is possible to move the sash.

    none

    collapseDirection=none

    You can only move the sash; you cannot expand it, the sash does not have a button.

  • expandedHeight

    Determines the position of the sash after it has been expanded.

  • Height

    Height of the UI element

  • sashDesign

    Visualization of the sash

    Value

    Example of the Visual Display

    Description

    standard

    sashDesign=standard

    Initial Value

    contour

    sashDesign=contour

    The color of the sash is darker than the standard display.

  • sashType

    Type of sash for use interaction

    Value

    Example of the Visual Display

    Description

    fixed

    sashType=fixed

    The sash type is fixed and cannot be changed by the user.

    interactive

    sashType=interactive

    The sash can be changed by the user.

    invisible

    sashType=invisible

    The sash is invisible.