Unanswered

Responsive Table height using canvas app

(0) Share

Report

Posted on by Community Power Pla... Microsoft Employee

We are building on a Canvas app. Our goal is to use responsive design to control the layout better.

By default our canvas app is 1368x768. We access it via the desktop browser.

We have a series of tables and long forms that users fill out which make the screen height change all the way up to 10,000px tall.

PowerApps when not using the responsive design tends to inject a lot of vertical scroll bars inside tables as the height is fixed.

I'm trying to understand how best to set a min height for the page and table. By example, the table default is 8 rows and 500px tall. If there are 50 entries and the height of the page should be 4000px how best do we build the table so that it grows in vertical height? Otherwise PowerApps injects an interior scroll bar and im trying to avoid that so it functions more like a normal web page would.

Does anyone have any live demos to show how they are doing something similar?

Here's an example of my design

Annotation 2020-03-02 132040.png

Categories:

Building Power Apps

I have the same question (0)

All responses (2)

Answers (0)

Sort by

v-xida-msft Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!
Hi @Anonymous ,

How do you design the Table within your canvas app? Using Data Table control or Gallery?

Actually, it is a normal behavior within PowerApps canvas app. If the Height value of total rows in your Table control is more than the fixed Height value of the Table, the Scrollbar would be added into the Table automatically.

Please consider set the Height property of the Table to the following formula:

App.Height

If you want the Height property value of the Table to be grow in vertical height rather than add a scroll bar inside your Table, I afraid that there is no way to achieve your needs in PowerApps currently.

If you use a Gallery control to list your table records, you could consider set the ShowScrollbar property to false, then the scrollbar would be hidden within your Gallery, then you need to scroll the wheel in your mouse device to scroll down or up to show records in your Gallery.

Best regards,

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

@v-xida-msftThanks for the reply.

Couple items:
1) My picture from the original post was of the design that I was making in Figma. I haven't coded it into PowerApps yet. So not using the Data Table or Gallery yet.

2) You said "If you want the Height property value of the Table to be grow in vertical height rather than add a scroll bar inside your Table, I afraid that there is no way to achieve your needs in PowerApps currently."

Where I'm a bit confused is this: The responsive canvas based on all examples I have seen takes elements and increases/decreases the width of a container based on the browser window size. So why can't it be done for the height of a container?

Was this reply helpful? Yes No