topic Re: Defaulting the scale to a larger size for all calcite icons on the sketch widget in ArcGIS JavaScript Maps SDK Questions

Defaulting the scale to a larger size for all calcite icons on the sketch widget

nevvo — Thu, 09 Feb 2023 15:05:26 GMT

Hello there,

Is it possible to default the scale property on the icon here: https://developers.arcgis.com/calcite-design-system/components/icon/#api-reference

When I am creating a new sketch widget and specifying the available tools / visible elements using the OOB widget: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#visibleElements

The default scale property sets them to 's' and due to where I am hosting the map the styling on the page makes these appear really small.

I can use jQuery to enumerate all the calcite-icons on the page bump the scale up to 'm' but was looking for a more OOB solution if possible.

Thanks

Re: Defaulting the scale to a larger size for all calcite icons on the sketch widget

AspenN — Fri, 27 Oct 2023 20:11:17 GMT

We are also noticing the same problem with the calcite icons defaulting to the small scale rather than the medium. How did you manage to use jQuery to adjust the scale to medium?

Re: Defaulting the scale to a larger size for all calcite icons on the sketch widget

nevvo — Mon, 30 Oct 2023 07:13:19 GMT

I basically did what I mentioned above - after the map and view have rendered, I determine the mode that the map is being rendered in and I bump the icon size up based on that:

const isForm = $(location).attr("href").toLowerCase().contains("/runtime/form/"); const scale = isForm ? "l" : "m"; // Set the scale for all calcite icons. $("calcite-icon").attr("scale", scale);

Thanks

Re: Defaulting the scale to a larger size for all calcite icons on the sketch widget

JonasDePelsmaeker — Thu, 25 Jan 2024 11:32:42 GMT

I'm also experiencing this behaviour, thanks for sharing your solution.
I'd also like an out-of-the-box solution.