topic Re: How to Modify Popup CSS in ArcGIS JavaScript Maps SDK Questions

How to Modify Popup CSS

Lerman — Tue, 24 Sep 2024 03:21:17 GMT

Hi Everyone!

When using the ArcGIS JavaScript API in AMD mode, I could modify the default Popup styles by adding the following code to my CSS file, as shown in the screenshot below:

However, when using the ArcGIS JavaScript API in ESM mode, adding the same code to the CSS file does not take effect, as shown in the screenshot below.

Does anyone know the reason for this? When using the ESM version, how should I modify the Popup styles to make it work? Thank you!

Re: How to Modify Popup CSS

Lerman — Thu, 26 Sep 2024 01:24:43 GMT

HI, @ReneRubalcava, @JoelBennett May I have some advice, please?

Re: How to Modify Popup CSS

JoelBennett — Thu, 26 Sep 2024 17:25:25 GMT

I haven't yet transitioned to ESM modules, so don't have an answer for you. However, you might check out this post, which discusses updating Popup style via JavaScript.

Re: How to Modify Popup CSS

Lerman — Fri, 27 Sep 2024 07:55:56 GMT

Okay, Thank you @JoelBennett !

Re: How to Modify Popup CSS

Lerman — Tue, 19 Nov 2024 01:41:36 GMT

Changing the import “. /main.css” from the <style> tag to the <script> tag will successfully apply the `.esri-popup` CSS