Skip to main content

Notifications

Power Apps - Building Power Apps
Unanswered

Interface hack to prevent code window overlapping properties

(0) ShareShare
ReportReport
Posted on by 10
Hi
Just a quick hack, if like me you find it extremely irritating that the code window opens over the top of the properties sidebar:
 
 
 
Right-click on the page to Inspect.
In the Elements tab, find the div element <div class="formulaBar_8bt9hy  "  ...
Give it a custom width of whatever suits and lines up with the left-hand edge of the expanded right-hand sidebar. In my case my monitor is 1920px wide so I set it to 1543px.
 
Then find the right-hand sidebar which starts with
<div = class"controlSidebar_1hs93jy
 
Adjust style, set top: 44px
 
Should look like this now:
 
 
There's a way to get these adjustments to persist on your browser using Sources > Edge Overrides but I couldn't get it to work as yet.
 
If you need a bit more space you can also hide the header (<div id="header" ...) if you like by setting display:none. 
 
If you have any ideas for getting these hacks to persist please reply.
 
Categories:

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Microsoft Kickstarter Events…

Register for Microsoft Kickstarter Events…

Announcing Our 2025 Season 1 Super Users!

A new season of Super Users has arrived, and we are so grateful for the daily…

Announcing Forum Attachment Improvements!

We're excited to announce that attachments for replies in forums and improved…

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 145,666

#2
RandyHayes Profile Picture

RandyHayes 76,287

#3
Pstork1 Profile Picture

Pstork1 64,996

Leaderboard