Add a custom button on the map based on classname

PHerk — Thu, 20 Feb 2020 17:01:25 GMT

Like to add custom buttons on the map with similar styling as the zoom buttons.

Found this example:

var element = document.createElement('div');
element.className = "esri-icon-collection esri-widget--button esri-widget esri-interactive home";
view.ui.add(element, "top-right");

View is a map view.

This works and adds a button on the right top side of the Webmap.

The classname used is: esri-icon-collection esri-widget--button esri-widget esri-interactive home

How can I construct a similar classname for an other icon?

I am looking for all possible classnames, so I can choose what buttons I want to use like a close button.

I can't find the article explaining or listing all options.

Re: Add a custom button on the map based on classname

RobertScheitlin__GISP — Thu, 20 Feb 2020 17:41:20 GMT

See this link:

Esri Icon Font (Calcite theme) | ArcGIS API for JavaScript 4.14

Re: Add a custom button on the map based on classname

PHerk — Fri, 21 Feb 2020 06:41:00 GMT

Thanks!

topic Re: Add a custom button on the map based on classname in ArcGIS JavaScript Maps SDK Questions

Add a custom button on the map based on classname

Re: Add a custom button on the map based on classname

Re: Add a custom button on the map based on classname