Why is the visual header is still hovering ABOVE of the chart in Apps?

[aria233]

Hi, I am confused by the visual headers on the app view. The headers are inside of the chart while I view it in the workspace, which is great! But in the app view, it's still hovering above the chart instead of inside, and it will sometimes have the overlap with the chart above it which is pretty annoying(see the attached screenshot). Is it a bug or something on the app side? Anywhere I can change it in the settings? Thank you very much in advance for any advice!

[Martin_D]

Hi @aria233 ,

Your screenshot looks like it comes from edit view: If this is not a background image, I can see gridlines. This is neither workspace reading view nor app view.

The visual headers behave the same way in workspace report reading view and app view, but they differ in editing view, in Power BI Desktop as well as in the web-browser. This is to some degree intentional. Especially since you can turn on and off visual header icons for reading view, some of them shall always be visible in editing mode. So if you want to see the exact placement and overlapping of visual header icons in reading view you need to test the report in reading view in the web-browser and in a scaling (zoom level), screen resolution and Windows screen scaling that matches with most frequent setups that your users use. I highly recommend this testing step before handing the report over to the users anyway.

The default behavior of visual header icons arrangement in reading view is:

• If the visual has a title, then the buttons always appear in the title bar inside of the visual.
• If the visual has no title then the icons appear above the visual, aligned with the top right corner.
• If the report is too close to the top of the report page to give space for the visual header icons, then they appear below the visual, aligned with the bottom right corner.
• If the visual is page filling and has no title then the visaul header icons appear at the top right corner inside of the visual.
• If the visual is not wide enough for all icons, then they are aligned with the right side of the visual and extend over the visual boundary to the left.
• If the visual is not wide enough for all icons and too close to the left end of the report page, then icons are cut off.

In order to control visual header icon overlapping you can use these tools:

• turn off visual header icons you don't really need in the visual formatting settings, for every visual on the report pages
• turn on titles for the visuals to make the icons appear inside of the visual. A title can also consist of blank space only if you don't want to show any text.
• control the stack order (foreground/background order) of the visuals on the report page to make sure the relevant visual header icons are accessible in reading view
• add enough space between the visuals for the visual header icons
• reduce closely arranged or overlapping visuals e.g. by replacing a lot of card visuals with one multi-row card or one matrix visual
• Publish/save your report and test the layout in reading view in the web-browser in a user-like setup (laptop, desktop-screen, ... whatever is popular in your organization)

BR
Martin

[TallyReportGuy]

"If the visual has a title, then the buttons always appear in the title bar inside of the visual."

That just isn't true. I have plenty of visuals with titles and modern headers turned on and there is nothing I can do to get the buttons to appear within the title bar.  If anyone has any suggestions they would be greatly appreciated.