Size and location properties in Power Apps
Overview
Configure how big a control (or an element of a control) is and where it is in relation to the screen it's on.
Position
X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container). For a Card control in a container that has multiple columns, this property determines the column in which the card appears.
- Applies to Add picture, Audio, Button, Camera, Card, Check box, Column chart, Date Picker, Display form, Drop down, Edit form, Export, Gallery, HTML text, Icon, Image, Import, Label, Line chart, List Box, Microphone, PDF viewer, Pen input, Pie chart, Radio, Rating, Shape, Slider, Text input, Timer, Toggle, and Video controls.
Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container). For a Card control in a container that has multiple rows, this property determines the row in which the card appears.
- Applies to Add picture, Audio, Button, Camera, Card, Check box, Column chart, Date Picker, Display form, Drop down, Edit form, Export, Gallery, HTML text, Icon, Image, Import, Label, Line chart, List Box, Microphone, PDF viewer, Pen input, Pie chart, Radio, Rating, Shape, Slider, Text input, Timer, Toggle, and Video controls.
Size
Height – The distance between a control's top and bottom edges.
- Applies to Add picture, Audio, Button, Camera, Card, Check box, Column chart, Date Picker, Display form, Drop down, Edit form, Export, Gallery, HTML text, Icon, Image, Import, Label, Line chart, List Box, Microphone, PDF viewer, Pen input, Pie chart, Radio, Rating, Shape, Slider, Text input, Timer, Toggle, and Video controls.
AutoHeight – Whether a control automatically changes its height to fit the size of its contents, given a fixed width.
Not supported in Horizontal containers because the control's width is not fixed. In Vertical containers, the Fill portions and Minimum width properties take precedence over Autoheight.
Width – The distance between a control's left and right edges.
- Applies to Add picture, Audio, Button, Camera, Card, Check box, Column chart, Date Picker, Display form, Drop down, Edit form, Export, Gallery, HTML text, Icon, Image, Label, Import, Line chart, List Box, Microphone, PDF viewer, Pen input, Pie chart, Radio, Rating, Shape, Slider, Text input, Timer, Toggle, and Video controls.
WidthFit – Whether a control automatically grows horizontally to fill any empty space of a container control such as an Edit form control. If multiple cards have this property set to true, the space is divided between them. For more information, see Understand data form layout.
- Applies to Card
Padding
Padding – The distance between the text on an import or export button and the edges of that button.
- Applies to Add picture, Export, and Import controls.
PaddingBottom – The distance between text in a control and the bottom edge of that control.
- Applies to Button, Check box, Column chart, Date Picker, Drop down, HTML text, Image, Label, Line chart, List Box, PDF viewer, Radio, and Text input controls.
PaddingLeft – The distance between text in a control and the left edge of that control.
- Applies to Button, Check box, Column chart, Date Picker, Drop down, HTML text, Image, Label, Line chart, List Box, PDF viewer, Radio, and Text input controls.
PaddingRight – The distance between text in a control and the right edge of that control.
- Applies to Button, Check box, Column chart, Date Picker, Drop down, HTML text, Image, Label, Line chart, List Box, PDF viewer, Radio, and Text input controls.
PaddingTop – The distance between text in a control and the top edge of that control.
- Applies to Button, Check box, Column chart, Date Picker, Drop down, HTML text, Image, Label, Line chart, List Box, PDF viewer, Radio, and Text input controls.
Radius
RadiusBottomLeft – The degree to which the bottom-left corner of a control is rounded.
- Applies to Button, Export, Image, Import, and Text input controls.
RadiusBottomRight – The degree to which the bottom-right corner of a control is rounded.
- Applies to Button, Export, Image, Import, and Text input controls.
RadiusTopLeft – The degree to which the top-left corner of a control is rounded.
- Applies to Button, Export, Image, Import, and Text input controls.
RadiusTopRight – The degree to which the top-right corner of a control is rounded.
- Applies to Button, Export, Image, Import, and Text input controls.