cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
AlexFDS
Frequent Visitor

DataCard Height Changes In Form

Hi all,

I have a form where I want to have a column for short text and the other with large text. 
Then I need to change the Height of the 1st column but it changes automatically to the same Height of the opposite DataCard on the right column.

 

 

1 ACCEPTED SOLUTION

Accepted Solutions

Hi @AlexFDS ,

 

By default, the Data Cards in the same row will share the same Height:

https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/working-with-form-layout#height

 

The workaround could be set this single line text column card in the first row independently, like below:

vjefferni_0-1634896580913.png

 

Hope this helps.

 

Best regards,

Community Support Team _ Jeffer Ni
If this post helps, then please consider Accept it as the solution to help the other members find it.

View solution in original post

3 REPLIES 3
poweractivate
Community Champion
Community Champion

@AlexFDS 

 

Check if these visual properties help such as Width, Height, etc. You can check these properties on the 

 

https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/controls/properties-size-location

[1]

 

Also refer here https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/create-responsive-layout [2] to make the app respond the way you like based on how wide or high the current device dimensions are.

 

[2] ...[see more in docs link]

If you create a responsive layout, controls can respond to different devices or window sizes, making various experiences feel more natural. To achieve responsive layout, you adjust some settings and write expressions throughout your app.

Disable Scale to fit

You can configure each screen so that its layout adapts to the actual space in which the app is running.

You activate responsiveness by turning off the app's Scale to fit setting, which is on by default. When you turn this setting off, you also turn off Lock aspect ratio because you're no longer designing for a specific screen shape. (You can still specify whether your app supports device rotation.)

 

 

To make your app responsive, you must take additional steps, but this change is the first step toward making responsiveness possible.

Understand app and screen dimensions

To make your app's layouts respond to changes in the screen dimensions, you'll write formulas that use the Width and Height properties of the screen. To show these properties, open an app in Power Apps Studio, and then select a screen. The default formulas for these properties appear on the Advanced tab of the right-hand pane.

Width = Max(App.Width, App.DesignWidth)

Height = Max(App.Height, App.DesignHeight)

These formulas refer to the Width, Height, DesignWidth, and DesignHeight properties of the app. The app's Width and Height properties correspond to the dimensions of the device or browser window in which your app is running. If the user resizes the browser window (or rotates the device if you've turned off Lock orientation), the values of these properties change dynamically. The formulas in the screen's Width and Height properties are reevaluated when these values change.

...[see more in docs link]


 

 

 

[1]

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.

...... [see more in docs link] Size

Height – The distance between a control's top and bottom edges.

AutoHeight – Whether a label automatically increases its height if its Text property contains more characters than the control can show.

Width – The distance between a control's left and right edges.

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.

Padding

Padding – The distance between the text on an import or export button and the edges of that button.

...... [see more in docs link]

 

 

I tried all this options before, when I change height it automatically changes again to the same height than his opposite datacard.

Hi @AlexFDS ,

 

By default, the Data Cards in the same row will share the same Height:

https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/working-with-form-layout#height

 

The workaround could be set this single line text column card in the first row independently, like below:

vjefferni_0-1634896580913.png

 

Hope this helps.

 

Best regards,

Community Support Team _ Jeffer Ni
If this post helps, then please consider Accept it as the solution to help the other members find it.

View solution in original post

Helpful resources

Announcements
UG GA Amplification 768x460.png

Launching new user group features

Learn how to create your own user groups today!

Community Connections 768x460.jpg

Community & How To Videos

Check out the new Power Platform Community Connections gallery!

M365 768x460.jpg

Microsoft 365 Collaboration Conference | December 7–9, 2021

Join us, in-person, December 7–9 in Las Vegas, for the largest gathering of the Microsoft community in the world.

Top Solution Authors
Top Kudoed Authors
Users online (3,231)