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

Find everything you need to get certified on Fabric—skills challenges, live sessions, exam prep, role guidance, and more. Get started

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
PBI_Carousel_NL_June

Fabric Community Update - June 2024

Get the latest Fabric updates from Build 2024, key Skills Challenge voucher deadlines, top blogs, forum posts, and product ideas.

Top Solution Authors