Masonry settings and events. Select the component in App Structure to find these controls in Properties.
| Name |
Description |
| ID | Default: "". Attribute: id. |
| Expression | Default: "". Attribute: dmx-bind:repeat. |
| Unique Key | Choose the unique key field to identify the Masonry repeater's record. Only needed when you want to use animations or need to identify repeater's rows in DOM. Do not use if not needed as it will slow down the repeater. Default: "". Attribute: key. |
| Preserve Order | Default order the items from left to right into the columns and optimize the layout by equalizing the height of each column, turn this off to preserve the exact order Default: "". Attribute: preserve-order. |
| Animated | Default: "". Attribute: animated. |
| Duration | The duration of the animation in milliseconds Default: "400". Attribute: animation-duration. |
| Name |
Description |
| Default | The number of columns to create Default: 4. Attribute: columns. |
| Small | The number of columns for small devices with width >= 480px Default: "". Attribute: columns-sm. |
| Medium | The number of columns for medium devices with width >= 768px Default: "". Attribute: columns-md. |
| Large | The number of columns for large devices with width >= 992px Default: "". Attribute: columns-lg. |
| XLarge | The number of columns for extra large devices with width >= 1200px Default: "". Attribute: columns-xl. |
| XXLarge | The number of columns for extra extra large devices with width >= 1400px Default: "". Attribute: columns-xxl. |
| Name |
Description |
| Default | The number of gutter to create Default: 15. Attribute: gutter. |
| Small | The number of gutter for small devices with width >= 480px Default: "". Attribute: gutter-sm. |
| Medium | The number of gutter for medium devices with width >= 768px Default: "". Attribute: gutter-md. |
| Large | The number of gutter for large devices with width >= 992px Default: "". Attribute: gutter-lg. |
| XLarge | The number of gutter for extra large devices with width >= 1200px Default: "". Attribute: gutter-xl. |
| XXLarge | The number of gutter for extra extra large devices with width >= 1400px Default: "". Attribute: gutter-xxl. |
| Name |
Description |
| Small | The width of the small devices breakpoint in pixels Default: "480". Attribute: dmx-bind:breakpoints. |
| Medium | The width of the medium devices breakpoint in pixels Default: "768". Attribute: dmx-bind:breakpoints. |
| Large | The width of the large devices breakpoint in pixels Default: "992". Attribute: dmx-bind:breakpoints. |
| XLarge | The width of the extra large devices breakpoint in pixels Default: "1200". Attribute: dmx-bind:breakpoints. |
| XXLarge | The width of the extra extra large devices breakpoint in pixels Default: "1400". Attribute: dmx-bind:breakpoints. |
