Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

The ultimate Microsoft Fabric, Power BI, Azure AI & SQL learning event! Join us in Las Vegas from March 26-28, 2024. Use code MSCUST for a $100 discount. Register Now

Reply
nagaraj
Post Patron
Post Patron

Mobile View : Overlap of Buttons

HI,

 

I have 3 buttons and 3 boomarks, on click of first button navigates to 1st bookmark and 2nd button navigates to 2nd bookmark.

Each bookmark has a table 

 

The report is working fine in Web View, Now i am trying to setup mobile view. Here it is not allowing to overlap the buttons.

 

How to overlap the buttons to bring the same effect that i have in web view

 

Regards

Nagaraj

1 ACCEPTED SOLUTION
v-diye-msft
Community Support
Community Support

Hi @nagaraj 

 

If you have 2 buttons and 2 bookmarks in desktop layout and each button is tied to one bookmark with each one showing different visuals overlapping on each other. This is perfectly working in desktop layout.

For mobile layout, to work the same:

a. Click a button in desktop layout and it will open corresponding bookmark and show visuals accordingly

b. Now go to phone layout and place visuals wherever required.

c. Go back to desktop layout and click second button and it will open corresponding bookmark and show visuals accordingly.

d. Now if you go to phone layout overlapping visuals, first button visual will be hidden and empty space will appear and drag second button visual into empty space. 

e. So now when report is browsed in mobile, each button click will show and hide visuals overlapping on each other.

 

 

 

Community Support Team _ Dina Ye
If this post helps, then please consider Accept it as the solution to help the other members find it more
quickly.

View solution in original post

2 REPLIES 2
v-diye-msft
Community Support
Community Support

Hi @nagaraj 

 

If you have 2 buttons and 2 bookmarks in desktop layout and each button is tied to one bookmark with each one showing different visuals overlapping on each other. This is perfectly working in desktop layout.

For mobile layout, to work the same:

a. Click a button in desktop layout and it will open corresponding bookmark and show visuals accordingly

b. Now go to phone layout and place visuals wherever required.

c. Go back to desktop layout and click second button and it will open corresponding bookmark and show visuals accordingly.

d. Now if you go to phone layout overlapping visuals, first button visual will be hidden and empty space will appear and drag second button visual into empty space. 

e. So now when report is browsed in mobile, each button click will show and hide visuals overlapping on each other.

 

 

 

Community Support Team _ Dina Ye
If this post helps, then please consider Accept it as the solution to help the other members find it more
quickly.

Hi @v-diye-msft 

 

Thanks for the update, its working.

Helpful resources

Announcements
Fabric Community Conference

Microsoft Fabric Community Conference

Join us at our first-ever Microsoft Fabric Community Conference, March 26-28, 2024 in Las Vegas with 100+ sessions by community experts and Microsoft engineering.

Fabric Career Hub

Microsoft Fabric Career Hub

Explore career paths and learn resources in Fabric.

Fabric Partner Community

Microsoft Fabric Partner Community

Engage with the Fabric engineering team, hear of product updates, business opportunities, and resources in the Fabric Partner Community.

Power BI Header Change

Power BI Header Update

Read about the exciting updates for the Power BI forum.

Top Solution Authors