Configure buttons for smaller screens

CMcDonald

Hello,

In my Experience Builder App I want to be able to add some buttons for links to URL's and Pages.  This works fine in Large screen devices view icon but not for Medium and Small screens as there is not enough room in the title bar.

I have tried to create a button widget over the map area instead but when you select it, it just wants to open another button as per screen grab below.

Part of current title bar in Large screen view.

I want to make the buttons into icons (ideally)

This is what it looks like if I create a button.

I am still very new to Experience Builder and trying to transition away from WAB.

Thank you

 

LeeButler

In your mobile screen example it looks like you have added the buttons inside of a widget controller widget.  Instead you should be able to drop buttons directly onto the map widget. Here an example of three buttons I have added on to the map widget, resized and have set to display an icon rather than text:  

Is this the sort of thing you are wanting to do? If so, here's how I set these up:

Add in a new button onto the map widget.

Set up the buttons content similar to this and link to the desired URL/page

Set up the buttons style similar to this (adjusting the button size and position as required)