Row()
Creates a grid row container. Rows contain columns and provide the foundation for MaterializeCSS's 12-column responsive grid system.
Syntax
Result = MaterialSB::Row(Flags = #Grid_Default, Parent = #Null)Parameters
| Parameter | Description |
|---|---|
Flags |
(Optional) Grid flags. |
Parent |
(Optional) Parent element. Uses current parent if #Null. |
Flags
| Flag | Description |
|---|---|
#Grid_Default |
Standard row spanning full width. |
#Grid_Container |
Adds the container class for centered, max-width content. |
Return Value
Returns the row DOM element. This element is pushed onto the parent stack.
Remarks
Row() pushes to the parent stack. Call CloseCurrentParent() when finished adding columns.
Use #Grid_Container for your main content row to keep it centered with reasonable maximum width on large screens.
Example
; Basic row with container
MaterialSB::Row(MaterialSB::#Grid_Container)
MaterialSB::Col(12, 6, 4)
MaterialSB::Append(MaterialSB::Paragraph("Column 1"))
MaterialSB::CloseCurrentParent()
MaterialSB::Col(12, 6, 4)
MaterialSB::Append(MaterialSB::Paragraph("Column 2"))
MaterialSB::CloseCurrentParent()
MaterialSB::Col(12, 12, 4)
MaterialSB::Append(MaterialSB::Paragraph("Column 3"))
MaterialSB::CloseCurrentParent()
MaterialSB::CloseCurrentParent()
; Full-width row (no container)
MaterialSB::Row()
MaterialSB::Col(12)
MaterialSB::Append(MaterialSB::Header("Full Width Section", 2))
MaterialSB::CloseCurrentParent()
MaterialSB::CloseCurrentParent()