Select to view content in your preferred language

Configure buttons for smaller screens

128
2
Jump to solution
Tuesday
Labels (1)
CMcDonald
Frequent Contributor

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.

CMcDonald_0-1749550887978.png

I want to make the buttons into icons (ideally)

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

CMcDonald_1-1749551008976.png

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

Thank you

 

0 Kudos
1 Solution

Accepted Solutions
LeeButler
Esri Contributor

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:  

LeeButler_0-1749557509205.png

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

LeeButler_1-1749557800577.png

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

LeeButler_3-1749558015182.png

 

 

View solution in original post

0 Kudos
2 Replies
LeeButler
Esri Contributor

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:  

LeeButler_0-1749557509205.png

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

LeeButler_1-1749557800577.png

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

LeeButler_3-1749558015182.png

 

 

0 Kudos
CMcDonald
Frequent Contributor

Yes @LeeButler I think that has done the trick! Thank you 😀