Design with HTML and CSS help

(0) Share

Report

Posted on by JimmyW

2,567

I have create a menu by using Html text box. I do this to achieve a small fade at the end and a better lock in the app.

My issue is that while I work on the app and click the play button everything works fine. But when I click to open the app using URL link this menu gets distorted, I know it has to do with the height and width I set in the div style. But I'm not sure how to make it work properly.

Html text

"<div style='background-color: rgba(0,94,142,1); box-shadow: 1px 2px 22px 0px rgba(89,87,87,0.85); margin: 0px; width: 277px; height: 770px;'></div>"

Opening app using Play buttonOpening app using URL

Categories:

Building Power Apps

All responses (3)

Answers (0)

Sort by

JimmyW 2,567 on at

Like
a
(0)

Report
Copy link

Link copied!

Tried auto and tried using percentage but not working
JimmyW 2,567 on at

Like
a
(0)

Report
Copy link

Link copied!
Also tried using this.
Same issue gets distorted when running in web browser, does not follow the width of the button or height not showing correctly

"<div style='margin: 0px; width:"&Button_MyTickets.Width&"px; height:"& Dashboard_Agent.Height &"px; background-color: rgba(0,94,142,1); box-shadow: 1px 2px 22px 0px rgba(89,87,87,0.85);'></div>"

Setting height: 100vh seems to fix the height issue but I can't make the width work as I want to
JimmyW 2,567 on at

Like
a
(0)

Report
Copy link

Link copied!

Bump