Power Apps

Responsive Design Max App Width

(0) Share

Report

Posted on by Sajarac

3,284

Hello community.

Quick question here:

I am building a responsive design app a bit complex than a regular app but this thing is being annoying me for days and can't get the way to resolve it.

Tehe responsive layout works good on every single layout but for Window Size is really a way too big. My monitor is "1919" screen width size. Is there a way to limit the width to a canvas size "1366" whatever exceeds that number always use "1366". I guess that is reasonable size for an app and the content inside doesn't look weird.

Thanks in advance for any help.

Regards

Categories:

Building Power Apps

I have the same question (0)

All responses (5)

Answers (0)

Sort by

realwillwright 772 Moderator on at

Like (1)

Report
Copy link

Link copied!
Hi @sajarac you can use the formula below it will always use the smallest, Max will use the biggest of the values selected.

Min(1366, App.Width)

-------------------------------------------------------------------
If I have answered your question, please mark your post as Solved.
If you like my response, please give it a Thumbs Up.

1 people found this reply helpful.

Was this reply helpful? Yes No
Sajarac 3,284 on at

Like (0)

Report
Copy link

Link copied!

Hello @realwillwright , Sorry I don't get it.
You mean to change the Width property per screen?

So, it will be something like this:

Min(1366, App.Width) Instead of: Max(App.Width, App.MinScreenWidth)

Thansk again

Was this reply helpful? Yes No
realwillwright 772 Moderator on at

Like (0)

Report
Copy link

Link copied!

Yes, that should do it, that means the screen width will never exceed 1366

-------------------------------------------------------------------
If I have answered your question, please mark your post as Solved.
If you like my response, please give it a Thumbs Up.

Was this reply helpful? Yes No
Sajarac 3,284 on at

Like (1)

Report
Copy link

Link copied!

Hello @realwillwright , after implementing your solution noticed that the app on my web mode screen always is forced to the left size of the screen. Not centered and in the right side of the screen I have a white space.

Do you know why? and how can I fix it?

Thanks in advance,

Was this reply helpful? Yes No
Suggested answer

Jon_vB 39 on at

Like (0)

Report
Copy link

Link copied!

Small tweak to the answer from @realwillwright, if you want to enforce a minimum, you could do:

Min(1366, Max(App.Width, App.MinScreenWidth))

as the "Width" property of each screen that you want to limit.

And - for the followup question - if your screen is leaving blank space, perhaps ensure you are using Containers that will adjust to the screensize.

Was this reply helpful? Yes No