Skip to content

Commit

Permalink
Layout samples
Browse files Browse the repository at this point in the history
  • Loading branch information
anpetroc committed May 25, 2024
1 parent 438c24e commit 34dbfc1
Show file tree
Hide file tree
Showing 5 changed files with 179 additions and 0 deletions.
Binary file added docs/layouts/funnel.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
84 changes: 84 additions & 0 deletions docs/layouts/funnel.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
# Funnel

```yaml
- MainContainer:
Control: GroupContainer
Variant: verticalAutoLayoutContainer
Properties:
Height: =Parent.Height
LayoutAlignItems: =LayoutAlignItems.Stretch
LayoutDirection: =LayoutDirection.Vertical
LayoutJustifyContent: =LayoutJustifyContent.Center
LayoutMode: =LayoutMode.Auto
Width: =Parent.Width
Y: =0
Children:
- Container1:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
Children:
- Container1_1:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container1_2:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container1_3:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container1_4:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container2:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
Children:
- Container2_1:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container2_2:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container2_3:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container3:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
Children:
- Container3_1:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container3_2:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container4:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
```
11 changes: 11 additions & 0 deletions docs/layouts/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
# Power Apps Canvas Layouts Gallery

Here are some fun and unusual layouts for screens that could make your
Power Apps canvas apps stand out

Just copy YAML and paste it on your screen (only on make.preview.powerapps.com)

| Layout | YAML File Example |
| --- | --- |
| Funnel ![](funnel.jpg)| [funnel.yaml](funnel.md) |
| Pyramid ![](pyramid.jpg) | [pyramid.yaml](pyramid.md) |
Binary file added docs/layouts/pyramid.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
84 changes: 84 additions & 0 deletions docs/layouts/pyramid.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
# Funnel

```yaml
- MainContainer:
Control: GroupContainer
Variant: verticalAutoLayoutContainer
Properties:
Height: =Parent.Height
LayoutAlignItems: =LayoutAlignItems.Stretch
LayoutDirection: =LayoutDirection.Vertical
LayoutJustifyContent: =LayoutJustifyContent.Center
LayoutMode: =LayoutMode.Auto
Width: =Parent.Width
Y: =0
Children:
- Container1:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container2:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
Children:
- Container2_1:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container2_2:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container3:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
Children:
- Container3_1:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container3_2:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container3_3:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container4:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
Children:
- Container4_1:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container4_2:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container4_3:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
- Container4_4:
Control: GroupContainer
Variant: horizontalAutoLayoutContainer
Properties:
LayoutMode: =LayoutMode.Auto
```

0 comments on commit 34dbfc1

Please sign in to comment.