openui5-masonry property.md

properties.md

Name	Description	Type	Default
itemSelector	Specifies which child elements will be used as item elements in the layout.	string	.openui5-masonry-grid-item
columnWidth	Aligns items to a horizontal grid. Use element sizing for responsive layouts with percentage widths. Set columnWidth to an Element or Selector String to use the outer width of the element for the size of the column.	string	null
gutter	Adds horizontal space between item elements. To set vertical space between elements, use margin CSS.	string	null
horizontalOrder	Lays out items to (mostly) maintain horizontal left-to-right order.	boolean	true
percentPosition	Sets item positions in percent values, rather than pixel values. percentPosition: true works well with percent-width items, as items will not transition their position on resize.	boolean	true
stamp	Specifies which elements are stamped within the layout. Masonry will layout items below stamped elements. The stamp option stamps elements only when the Masonry instance is first initialized. You can stamp additional elements afterwards with the stamp method.	string	null
fitWidth	Sets the width of the container to fit the available number of columns, based the size of container's parent element. When enabled, you can center the container with CSS.	boolean	true
originLeft	Controls the horizontal flow of the layout. By default, item elements start positioning at the left, with originLeft: true. Set originLeft: false for right-to-left layouts.	boolean	true
originTop	Controls the vertical flow of the layout. By default, item elements start positioning at the top, with originTop: true. Set originTop: false for bottom-up layouts. It’s like Tetris!	boolean	true
containerStyle	CSS styles that are applied to the container element. Default: containerStyle: { position: 'relative' } Set to null to disable any styles being set on container, useful if using absolute position on container	string	{ position: 'relative' }
transitionDuration	Duration of the transition when items change position or appearance. Default: transitionDuration: 400 (milliseconds)	int	400
stagger	Staggers item transitions, so items transition incrementally after one another. Default: stagger: 30 (milliseconds)	int	30
resize	Adjusts sizes and positions when window is resized. Enabled by default resize: true.	boolean	true
initLayout	Enables layout on initialization. Enabled by default initLayout: true. Set initLayout: false to disable layout on initialization, so you can use methods or add events before the initial layout.	boolean	true