Customize button widget

[SarahRijneke]

Hello,

I found a post that suggests some options for changing the background colour of a button widget. Is it possible to customize buttons further? I want more control over the appearance of the text.

My current use case: I am working on transitioning a StoryMaps classic over to a new application before it's retired. The application used the old StoryMaps accordion template, which is no longer available, and it looks like I might be able to replicate it in Experience Builder. The application has a text box on the left side of the screen and map of roads on the right. At the bottom left of the screen, the user clicks on some text in the accordion in order to switch the view to some text with a map of sidewalks (exact same look and feel as the roads). My thought is to use a button in the lower left corner to duplicate this functionality but the button lacks pizazz- it isn't obvious that the user should click there to access the other map. 

[TonghuiMing]

Button widget can be configured to a certain view via Set Link, or toggle a Sidebar/other actions through message actions.

[JeffreyThompson2 · Accepted solution]

The options for customizing the appearance of a Button are somewhat limited. A workaround is to use a Card Widget. This will give you much more control over the appearance of your "button" and Cards can be used with the Set Link options, but you will not have access to the Button Click Action. 

To do this, add a Card Widget. Scroll to the bottom of the Template options and select Empty Template. Design your "button" as you wish by adding Text and/or Image Widgets.

[SarahRijneke]

Thanks for the suggestion! Where do I set the action once I've styled the card (I would like the map to switch from a map of roads to a map of sidewalks)? I don't see the option in the usual spot - a pane on the right side of the screen.

[JeffreyThompson2]

Cards do not have access to the Action options. Your question said you wanted to change Views which can be done through the Set Link options.

[SarahRijneke]

Thanks! I couldn't figure out where the Set Link button was but I've got it now and my app is working how I want it to now.