Lines Matching refs:anchor
8 …s. A child element can use the container or another child element as the anchor, based on which it…
16 … example, Item4 may use Item2 or the **RelativeContainer** parent container as a dependency anchor.
23 - Alignment mode: how the current element is aligned with the anchor, which can be top-, center-, o…
31 By setting the anchor, you set a position dependency relationship between a child element and its p…
32 …nchors are set for more than two positions in a single direction but the anchor positions are reve…
42 'top': { 'anchor': '__container__', 'align': VerticalAlign.Top },
43 'left': { 'anchor': '__container__', 'align': HorizontalAlign.Start }
46 'top': { 'anchor': '__container__', 'align': VerticalAlign.Top },
47 'right': { 'anchor': '__container__', 'align': HorizontalAlign.End }
85 - Example of using a sibling element as the anchor:
89 'top': { 'anchor': '__container__', 'align': VerticalAlign.Top },
90 'left': { 'anchor': '__container__', 'align': HorizontalAlign.Start }
93 'top': { 'anchor': 'row1', 'align': VerticalAlign.Bottom },
94 'left': { 'anchor': 'row1', 'align': HorizontalAlign.Start }
144 top: {anchor: "__container__", align: VerticalAlign.Top},
145 left: {anchor: "__container__", align: HorizontalAlign.Start}
152 top: {anchor: "__container__", align: VerticalAlign.Top},
153 right: {anchor: "__container__", align: HorizontalAlign.End},
154 bottom: {anchor: "row1", align: VerticalAlign.Center},
161 top: {anchor: "row1", align: VerticalAlign.Bottom},
162 left: {anchor: "row1", align: HorizontalAlign.Start},
163 right: {anchor: "row2", align: HorizontalAlign.Start}
170 top: {anchor: "row3", align: VerticalAlign.Bottom},
171 left: {anchor: "row1", align: HorizontalAlign.Center},
172 right: {anchor: "row2", align: HorizontalAlign.End},
173 bottom: {anchor: "__container__", align: VerticalAlign.Bottom}
189 After an anchor is set, you can use **align** to set the alignment mode relative to the anchor.
193 
197 
201 After being aligned relative to the anchor, a child component may be still not at its target positi…
218 top: { anchor: "__container__", align: VerticalAlign.Top },
219 left: { anchor: "__container__", align: HorizontalAlign.Start }
230 top: { anchor: "__container__", align: VerticalAlign.Top },
231 right: { anchor: "__container__", align: HorizontalAlign.End },
232 bottom: { anchor: "row1", align: VerticalAlign.Center },
247 top: { anchor: "row1", align: VerticalAlign.Bottom },
248 left: { anchor: "row1", align: HorizontalAlign.End },
249 right: { anchor: "row2", align: HorizontalAlign.Start }
263 top: { anchor: "row3", align: VerticalAlign.Bottom },
264 bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
265 left: { anchor: "__container__", align: HorizontalAlign.Start },
266 right: { anchor: "row1", align: HorizontalAlign.End }
280 top: { anchor: "row3", align: VerticalAlign.Bottom },
281 bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
282 left: { anchor: "row2", align: HorizontalAlign.Start },
283 right: { anchor: "row2", align: HorizontalAlign.End }
297 top: { anchor: "row3", align: VerticalAlign.Bottom },
298 bottom: { anchor: "row4", align: VerticalAlign.Bottom },
299 left: { anchor: "row3", align: HorizontalAlign.Start },
300 right: { anchor: "row3", align: HorizontalAlign.End }
339 top: { anchor: "__container__", align: VerticalAlign.Top },
340 left: { anchor: "__container__", align: HorizontalAlign.Start }
349 top: { anchor: "__container__", align: VerticalAlign.Top },
350 left: { anchor: "__container__", align: HorizontalAlign.Center }
363 top: { anchor: "row2", align: VerticalAlign.Bottom },
364 left: { anchor: "__container__", align: HorizontalAlign.Start },
365 bottom: { anchor: "__container__", align: VerticalAlign.Center },
366 right: { anchor: "row2", align: HorizontalAlign.Center }
376 top: { anchor: "row3", align: VerticalAlign.Bottom },
377 left: { anchor: "__container__", align: HorizontalAlign.Start },
378 bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
379 right: { anchor: "row3", align: HorizontalAlign.End }
413 top: { anchor: "__container__", align: VerticalAlign.Top },
414 left: { anchor: "__container__", align: HorizontalAlign.Start }
425 top: { anchor: "__container__", align: VerticalAlign.Top },
426 right: { anchor: "__container__", align: HorizontalAlign.End },
427 bottom: { anchor: "row1", align: VerticalAlign.Center },
438 top: { anchor: "row1", align: VerticalAlign.Bottom },
439 left: { anchor: "row1", align: HorizontalAlign.End },
440 right: { anchor: "row2", align: HorizontalAlign.Start }
449 top: { anchor: "row3", align: VerticalAlign.Bottom },
450 bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
451 left: { anchor: "__container__", align: HorizontalAlign.Start },
452 right: { anchor: "row1", align: HorizontalAlign.End }
461 top: { anchor: "row3", align: VerticalAlign.Bottom },
462 bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
463 left: { anchor: "row2", align: HorizontalAlign.Start },
464 right: { anchor: "row2", align: HorizontalAlign.End }
474 top: { anchor: "row3", align: VerticalAlign.Bottom },
475 bottom: { anchor: "row4", align: VerticalAlign.Bottom },
476 left: { anchor: "row3", align: HorizontalAlign.Start },
477 right: { anchor: "row3", align: HorizontalAlign.End }