Skip to content

Commit 4691b51

Browse files
committed
Adding TOC entry
1 parent ef2f7d9 commit 4691b51

File tree

5 files changed

+14
-16
lines changed

5 files changed

+14
-16
lines changed

powerapps-docs/maker/TOC.yml

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -403,6 +403,8 @@
403403
href: ./canvas-apps/controls/control-export-import.md
404404
- name: Gallery
405405
href: ./canvas-apps/controls/control-gallery.md
406+
- name: Horizontal container control
407+
href: ../canvas-apps/controls/control-horizontal-container.md
406408
- name: HTML text
407409
href: ./canvas-apps/controls/control-html-text.md
408410
- name: Icon
@@ -447,6 +449,8 @@
447449
href: ./canvas-apps/controls/control-timer.md
448450
- name: Toggle
449451
href: ./canvas-apps/controls/control-toggle.md
452+
- name: Vertical container control
453+
href: ../canvas-apps/controls/control-vertical-container.md
450454
- name: Video
451455
href: ./canvas-apps/controls/control-audio-video.md
452456
- name: Web barcode scanner (experimental)

powerapps-docs/maker/canvas-apps/build-responsive-apps.md

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -64,10 +64,6 @@ Before you start using the responsive layouts, you need to do the following:
6464

6565
![Settings disable lock orientation](media/create-responsive-layout/settings-disable-lock-orientation.png "Settings disable lock orientation")
6666

67-
1. Go to **File** > **Settings** > **Advanced Settings** and enable the **Layout containers** feature under **Experimental features** tab.
68-
69-
![Enable layout control](media/create-responsive-layout/enable-layout-container.png "Enable layout control")
70-
7167
## Responsive layouts
7268

7369
The following responsive layouts can be created by adding a new screen and selecting the appropriate option from the **Layout** tab:

powerapps-docs/maker/canvas-apps/controls/control-horizontal-container.md

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -16,11 +16,11 @@ search.app:
1616
---
1717
# Horizontal container control
1818

19-
Horizontal container control determine the position of the child components so that you never have to set X, Y for a component inside the container.
19+
Horizontal container control determines the position of the child components so that you never have to set X, Y for a component inside the container.
2020

2121
## Description
2222

23-
**Horizontal** container control distribute the available space to its child components based on the settings, as well as determines alignment of the child components.
23+
**Horizontal** container control distributes the available space to its child components based on the settings, as well as determines alignment of the child components.
2424

2525
## Properties
2626

@@ -38,7 +38,7 @@ Horizontal container control determine the position of the child components so t
3838

3939
**Direction** - Defines in what direction the container layouts its child components. **Horizontal** and **Vertical**.
4040

41-
**Justify (vertical)** - Defines how child elements are aligned with the primary axis.**Start**, **End**, **Center**, **Space Between**.
41+
**Justify (vertical)** - Defines how child elements are aligned with the primary axis. **Start**, **End**, **Center**, **Space Between**.
4242

4343
**Align (Horizontal)** - Defines how child components are positioned in the container, in the off axis (opposite from `LayoutDirection`). **Start**, **Center**, **End**, **Stretch**.
4444

@@ -75,6 +75,4 @@ Horizontal container control determine the position of the child components so t
7575

7676
## Example
7777

78-
### Screen reader support
7978

80-
### Keyboard support

powerapps-docs/maker/canvas-apps/controls/control-vertical-container.md

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -16,11 +16,11 @@ search.app:
1616
---
1717
# Vertical container control
1818

19-
Vertical container control determine the position of the child components so that you never have to set X, Y for a component inside the container.
19+
Vertical container control determines the position of the child components so that you never have to set X, Y for a component inside the container.
2020

2121
## Description
2222

23-
**Vertical container** control distribute the available space to its child components based on the settings, as well as determines alignment of the child components.
23+
**Vertical container** control distributes the available space to its child components based on the settings, as well as determines alignment of the child components.
2424

2525
## Properties
2626

@@ -38,7 +38,7 @@ Vertical container control determine the position of the child components so tha
3838

3939
**Direction** - Defines in what direction the container layouts its child components. **Horizontal** and **Vertical**.
4040

41-
**Justify (vertical)** - Defines how child elements are aligned with the primary axis.**Start**, **End**, **Center**, **Space Between**.
41+
**Justify (vertical)** - Defines how child elements are aligned with the primary axis. **Start**, **End**, **Center**, **Space Between**.
4242

4343
**Align (horizontal)** - Defines how child components are positioned in the container, in the off axis (opposite from `LayoutDirection`). **Start**, **Center**, **End**, **Stretch**.
4444

@@ -75,8 +75,4 @@ Vertical container control determine the position of the child components so tha
7575

7676
## Example
7777

78-
### Screen reader support
79-
80-
### Keyboard support
81-
8278

powerapps-docs/maker/canvas-apps/create-responsive-layout.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -168,6 +168,10 @@ For the **Header** control, `Parent` refers to the screen. For the others, `Pare
168168

169169
Having written these formulas, you can adjust the size or position of the **Header** control by changing the formulas for its properties. The sizes and positions of the child controls will automatically adjust accordingly.
170170

171+
## Auto-layout container controls
172+
173+
You can use an experimental feature, the **Auto-layout** container controls to automatically lay out the child components. These containers determine the position of the child components so that you never have to set X, Y for a component inside the container. Also, it can distribute the available space to its child components based on the settings, as well as determines both the vertical and horizontal alignment of the child components. More information: [Auto-layout container controls](build-responsive-apps.md#auto-layout-containers)
174+
171175
### Components
172176

173177
If you use another experimental feature, named Components, you can construct building blocks and reuse them throughout your app. As with the **Container** control, the controls that you place within a component should base their position and size formulas on `Parent.Width` and `Parent.Height`, which refer to the size of the component. More information: [Create a component](create-component.md).

0 commit comments

Comments
 (0)