cancel
Showing results for 
Search instead for 
Did you mean: 
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
August 1 episode 9_no_dates 768x460.jpg

The Power BI Community Show

Watch the playback when Priya Sathy and Charles Webb discuss Datamarts! Kelly also shares Power BI Community updates.

Power BI Dev Camp Session 24 without aka link and time 768x460.jpg

Ted's Dev Camp - July 28, 2022

Watch Session 24 of Ted's Dev Camp along with past sessions!

Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

Top Solution Authors
Top Kudoed Authors