grid.cell_height(grid.cell_width() * 1.2) Relayout grid items to reclaim any empty space. You will see no changes until commit method is called. Grid.addWidget(el, x, y, width, height, autoPosition, minWidth, maxWidth, minHeight, maxHeight, id) class that implement drag'n'drop functionallity for gridstack time in milliseconds before widget is being removed while dragging outside of the gridĭisableOneColumnMode: 'grid-stack-one-column-mode', if `true` widgets could be removed by dragging outside of the grid Possible values are `true`, `false`, `'auto'` allows to owerride jQuery UI draggable optionsĭraggable: , if true the resizing handles are shown even the user is not hovering over the widget This enables you to have custom 1 column layout that differ from the rest. set to true if you want oneColumnMode to use the DOM order and ignore x,y from normal multi column layouts during sorting. OneColumnModeClass: 'grid-stack-one-column-mode', class set on grid when in one column mode if false it tells to do not initialize existing items allow for selecting older behavior (adding STYLE element to HEAD element instead of parentNode) PlaceholderClass: 'grid-stack-placeholder', function (i: number, element: Element): boolean true (uses '.grid-stack-item' class filter) or false accept widgets dragged from other grids or from outside Call the plugin and create a responsive & fluid 12 columns grid layout. You need to add data-gs-no-resize and data-gs-no-move attributes to completely lock the widget (for item)ĭata-gs-resize-handles: resize handles (for item)Ĥ. The widget is still can be dragged or resized. It means another widgets couldn't move it during dragging or resizing. Data-gs-animate: turns animation on (for grid)ĭata-gs-column: amount of columns (for grid)ĭata-gs-max-row: maximum rows amount, defaults to 0 (for grid)ĭata-gs-current-height: current rows amount (for grid)ĭata-gs-x, data-gs-y: element position (for item)ĭata-gs-width, data-gs-height: element size (for item)ĭata-gs-max-width, data-gs-min-width, data-gs-max-height,data-gs-min-height: element constraints (for item)ĭata-gs-no-resize: disable element resizing (for item)ĭata-gs-no-move: disable element moving (for item)ĭata-gs-auto-position: tells to ignore data-gs-x and data-gs-y attributes and to place element to the first available position (for item)ĭata-gs-locked: the widget will be locked.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |