Skip to content

Commit 908a273

Browse files
committed
Add the doc for nav, split and the rowwrap layout
1 parent 25f5157 commit 908a273

File tree

2 files changed

+37
-18
lines changed

2 files changed

+37
-18
lines changed

content/docs/explore/layouts.md

Lines changed: 23 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -49,6 +49,14 @@ and objects will be top-aligned at their minimum height.
4949

5050
{{% layout name="vbox" %}}
5151

52+
### Border
53+
54+
Border layout supports positioning of items at the outside of available space.
55+
The border is passed pointers to the objects for (top, left, bottom, right).
56+
All items in the container that are not positioned on a border will fill the remaining space.
57+
58+
{{% layout name="border" %}}
59+
5260
### Center
5361

5462
Center layout positions all container elements in the center of the container.
@@ -84,22 +92,6 @@ Often used in file managers or image thumbnail lists.
8492

8593
{{% layout name="gridwrap" %}}
8694

87-
### Border
88-
89-
Border layout supports positioning of items at the outside of available space.
90-
The border is passed pointers to the objects for (top, left, bottom, right).
91-
All items in the container that are not positioned on a border will fill the remaining space.
92-
93-
{{% layout name="border" %}}
94-
95-
### Stack (was Max)
96-
97-
Stack layout positions all container elements to fill the available space.
98-
The objects will all be full-sized and drawn in the order they were added
99-
to the container (last-most is on top).
100-
101-
{{% layout name="max" %}}
102-
10395
### Padded
10496

10597
Padded layout positions all container elements to fill the available space
@@ -113,6 +105,21 @@ You can also specify each site separately using `CustomPadded` layout.
113105

114106
{{% layout name="custompadded" %}}
115107

108+
### RowWrap
109+
110+
RowWrap layout arranges a set of different items to flow along a row, wrapping to a new row if there is insufficient space.
111+
All objects will be set to their minimu size, and will be bottom aligned to a consistent position leaving space for the tallest item.
112+
113+
{{% layout name="rowwrap" %}}
114+
115+
### Stack (was Max)
116+
117+
Stack layout positions all container elements to fill the available space.
118+
The objects will all be full-sized and drawn in the order they were added
119+
to the container (last-most is on top).
120+
121+
{{% layout name="max" %}}
122+
116123
## Combining Layouts
117124

118125
It is possible to build up more complex application structures by using multiple layouts.

content/docs/explore/widgets.md

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -208,14 +208,26 @@ Container widgets are like regular containers but they provide some additional f
208208

209209
{{% widget name="apptabs" %}}
210210

211+
### Clip
212+
213+
Clip is a container that shows only a portion of the Content, as defined by the size of the clip.
214+
215+
{{% widget name="clip" %}}
216+
217+
### Navigation
218+
219+
The Navigation container provides a stack based navigation where items can be `Push`ed onto and the user can nagivate back and forwards.
220+
221+
{{% widget name="navigation" %}}
222+
211223
### Scroll
212224

213-
ScrollContainer defines a container that is smaller than the Content.
225+
A Scroll container defines an area that is smaller than the Content, providing scrollbars as required.
214226

215227
{{% widget name="scroll" %}}
216228

217229
### Split
218230

219-
SplitContainer defines a container whose size is split between two children.
231+
The Split container defines a container whose size is split between two children.
220232

221233
{{% widget name="split" %}}

0 commit comments

Comments
 (0)