AboutSupportDeveloper GuideVersion 38.126.82.69

Interface LayoutOptions

interface LayoutOptions {
    content?: LayoutContent;
    dimensions?: {
        borderWidth?: number;
        headerHeight?: number;
        minItemHeight?: number;
        minItemWidth?: number;
    };
    settings?: {
        constrainDragToContainer?: boolean;
        constrainDragToHeaders?: boolean;
        hasHeaders?: boolean;
        popoutWholeStack?: boolean;
        preventDragIn?: boolean;
        preventDragOut?: boolean;
        preventSplitterResize?: boolean;
        reorderEnabled?: boolean;
        showCloseIcon?: boolean;
        showMaximiseIcon?: boolean;
        showPopoutIcon?: boolean;
    };
}

Properties

content? dimensions? settings?

Properties

Optional content

content?: LayoutContent

Content of the layout. There can only be one top-level LayoutItem in the content array. We do not recommend trying to build Layouts or LayoutItems by hand and instead use calls such as getSnapshot.

Optional dimensions

dimensions?: {
    borderWidth?: number;
    headerHeight?: number;
    minItemHeight?: number;
    minItemWidth?: number;
}

Type declaration

  • Optional borderWidth?: number
  • Optional headerHeight?: number
  • Optional minItemHeight?: number
  • Optional minItemWidth?: number

Optional settings

settings?: {
    constrainDragToContainer?: boolean;
    constrainDragToHeaders?: boolean;
    hasHeaders?: boolean;
    popoutWholeStack?: boolean;
    preventDragIn?: boolean;
    preventDragOut?: boolean;
    preventSplitterResize?: boolean;
    reorderEnabled?: boolean;
    showCloseIcon?: boolean;
    showMaximiseIcon?: boolean;
    showPopoutIcon?: boolean;
}

Represents a potential ways to customize behavior of your Layout

Type declaration

  • Optional constrainDragToContainer?: boolean

    Default Value

    false

    Limits the area to which tabs can be dragged.
    If true, the layout container is the only area where tabs can be dropped.
  • Optional constrainDragToHeaders?: boolean

    Default Value

    false

    Limits the area to which tabs can be dragged. If true, stack headers are the only areas where tabs can be dropped.
  • Optional hasHeaders?: boolean

    Default Value

    true

    Turns tab headers on or off.
    If false, the layout will be displayed with splitters only.
  • Optional popoutWholeStack?: boolean

    Default Value

    false

    Whether the popout button will only act on the entire stack,
    as opposed to only the active tab.
  • Optional preventDragIn?: boolean

    @defaultValue=false

    If true, tabs can't be dragged into the window.

  • Optional preventDragOut?: boolean

    Default Value

    false

    If true, tabs can't be dragged out of the window.
  • Optional preventSplitterResize?: boolean

    Default Value

    false

    When true the splitters will not be draggable and the layout will not resize.
  • Optional reorderEnabled?: boolean

    Default Value

    true

    If true, the user can re-arrange the layout by
    dragging items by their tabs to the desired location.
  • Optional showCloseIcon?: boolean

    Default Value

    false

    Whether to show the close button on stack header
    (not to be confused with close button on every tab).
  • Optional showMaximiseIcon?: boolean

    Default Value

    false

    Whether to show the maximize button on stack header.
    The button will maximize the current tab to fill the entire window.
  • Optional showPopoutIcon?: boolean

    Default Value

    false

    Whether to show the popout button on stack header. The button will create a new window with current tab as its content. In case popoutWholeStack is set to true, all tabs in the stack will be in the new window.

Settings

Theme

On This Page

contentdimensionssettings