Module:Layout/doc

Mobile-first generic layout

Functions

Horizontal Box

{{#invoke:Layout|hboxOpen}}
Body
{{#invoke:Layout|hboxClose}}

Creates a horizontal layout.

Horizontal Box Item

{{#invoke:Layout|hboxItemOpen|width=}}
Body
{{#invoke:Layout|hboxItemClose}}

Creates individual item in horizontal layout.

hcenter (default: false)

Horizontally align items in the layout.

textCenter (default: false)

Align text in the layout.

vcenter (default: false)

Vertically align items in the layout.

width (default: "")

Sets the width of the box in fractions. From 1/2, 1/3, 2/3, 1/4, 2/4, 3/4, 1/5, 2/5, 3/5, and 4/5. Note that fractions must add to 1. For example, 1/2 + 1/4 + 1/4 can be used, while 1/2 + 1/3 + 1/5 would exceed 1.

Vertical Box

{{#invoke:Layout|vboxOpen}}
Body
{{#invoke:Layout|vboxClose}}

Creates a vertical layout.

Vertical Box Item

{{#invoke:Layout|vboxItemOpen|width=}}
Body
{{#invoke:Layout|vboxItemClose}}

Creates individual item in vertical layout.

hcenter (default: false)

Horizontally align items in the layout.

textCenter (default: false)

Align text in the layout.

vcenter (default: false)

Vertically align items in the layout.

width (default: "")

Sets the width of the box in fractions. From 1/2, 1/3, 2/3, 1/4, 2/4, 3/4, 1/5, 2/5, 3/5, and 4/5. Note that fractions must add to 1. For example, 1/2 + 1/4 + 1/4 can be used, while 1/2 + 1/3 + 1/5 would exceed 1.

Examples

HBox

{{#invoke:Layout|hboxOpen}}
{{#invoke:Layout|hboxItemOpen|width=1/5}}1{{#invoke:Layout|hboxItemClose}}
{{#invoke:Layout|hboxItemOpen|width=1/5}}2{{#invoke:Layout|hboxItemClose}}
{{#invoke:Layout|hboxItemOpen|width=1/5}}3{{#invoke:Layout|hboxItemClose}}
{{#invoke:Layout|hboxItemOpen|width=1/5}}4{{#invoke:Layout|hboxItemClose}}
{{#invoke:Layout|hboxItemOpen|width=1/5}}5{{#invoke:Layout|hboxItemClose}}
{{#invoke:Layout|hboxClose}}

1

2

3

4

5

VBox

{{#invoke:Layout|vboxOpen}}
{{#invoke:Layout|vboxItemOpen|width=1/5}}1{{#invoke:Layout|vboxItemClose}}
{{#invoke:Layout|vboxItemOpen|width=1/5}}2{{#invoke:Layout|vboxItemClose}}
{{#invoke:Layout|vboxItemOpen|width=1/5}}3{{#invoke:Layout|vboxItemClose}}
{{#invoke:Layout|vboxItemOpen|width=1/5}}4{{#invoke:Layout|vboxItemClose}}
{{#invoke:Layout|vboxItemOpen|width=1/5}}5{{#invoke:Layout|vboxItemClose}}
{{#invoke:Layout|vboxClose}}

1

2

3

4

5