FluidGrid allows to set up a nice tight grid with items that have variable heights and widths.
FluidGrid is a responsive grid. That means, the grid will reflow as the window size changes.
Items can have any content: text, images, links, input fields, etc.
They can be defined in a static or in a dynamic way as in data iteration components.
This example demonstrates dynamic items whose
label attribute on input
components is bound to the data model via the
var variable.
The
Change Items button dynamically replaces the grid's items to verify
that labels are correctly preserved across dynamic updates.
Click
Submit with empty required fields to see that each validation
message correctly displays its own component's label — not the label of the last item.