gridstack - v12.3.3
    Preparing search index...

    Interface Responsive

    Configuration for responsive grid behavior.

    Defines how the grid responds to different screen sizes by changing column counts. NOTE: Make sure to include the appropriate CSS (gridstack-extra.css) to support responsive behavior.

    interface Responsive {
        breakpointForWindow?: boolean;
        breakpoints?: Breakpoint[];
        columnMax?: number;
        columnWidth?: number;
        layout?: ColumnOptions;
    }
    Index

    Properties

    breakpointForWindow? breakpoints? columnMax? columnWidth? layout?

    Properties

    breakpointForWindow?: boolean

    specify if breakpoints are for window size or grid size (default:false = grid)

    breakpoints?: Breakpoint[]

    explicit width:column breakpoints instead of automatic 'columnWidth'. NOTE: make sure to have correct extra CSS to support this.

    columnMax?: number

    maximum number of columns allowed (default: 12). NOTE: make sure to have correct extra CSS to support this.

    columnWidth?: number

    wanted width to maintain (+-50%) to dynamically pick a column count. NOTE: make sure to have correct extra CSS to support this.

    layout?: ColumnOptions

    global re-layout mode when changing columns

    Settings

    Member Visibility

    On This Page

    Properties