While having the page navigator stacked vertically works for desktop layout, it is not suitable for mobile layout.
Step1: Changing the grid orientation and style settings of the page navigator button Let me walk you through the steps I performed to create this beautiful mobile-optimized report using the new mobile layout formatting pane. As you can see, now the report looks much better: values are readable, the visuals are better organized, and the configuration of the page navigator is much more suitable for the mobile screen. The image on the right shows the same report, but this time I used the new visuals formatting options for mobile layout. You can see that the result is nice but not optimal – the font size is too big, there is too much space (resulting in wasted real estate), etc.
The image on the left shows a mobile layout I built before the new formatting options were available. The images below show two mobile layouts for this report. Here is a report that was designed for desktop layout: Keep on reading to see how I used the new design options to create a beautiful, mobile-optimized report. With the new capabilities, we maximize the flexibility for creating a mobile layout that is truly optimized for mobile phones.
#SCRIPTCASE BUTTON IN GRID HOW TO#
How to create a stunning mobile-optimized report
#SCRIPTCASE BUTTON IN GRID FULL#
This gives you full flexibility and unlimited design possibilities for beautifying and optimizing your report for phone viewing. Most of the visual’s format settings are available for you to modify and adjust for mobile layout – font size, legend placement, title, background, etc. When you switch back to the desktop layout, none of the changes you made to the mobile layout will affect it. You can change any of the visual’s format settings, and have that change affect the appearance of the visual only in the mobile layout. Now, when you select a visual, its format settings will be there on the pane, set to the values of the current desktop layout. Then, when you edit a report and change your view to mobile layout, you’ll see the newly added format pane. Introducing the visual formatting pane in mobile layoutįirst, you need to make sure that the preview feature switch is on: File > Options and settings > Options > Preview features > Modify visuals settings for mobile layout. Today, as part of the Power BI Desktop February release, we are thrilled to announce the public preview of this major improvement to the authoring experience for mobile-optimized reports. Over the past several months, we’ve been working with the Power BI Desktop team to make it possible for you to style and format visuals in the mobile-optimized layout without affecting their formatting in web layout. Have you ever created a mobile-optimized report and struggled with its design? Did you want to change the size of the visual’s text to better fit the mobile screen but didn’t have a way to do it? Did you duplicate and hide visuals in web layout just in order to have two different designs for the same data, so you could place one in your mobile layout?