topic Re: Popup header and footer cannot be removed in ArcGIS JavaScript Maps SDK Questions

Popup header and footer cannot be removed

MatiasTonelli1 — Tue, 21 Nov 2023 15:40:02 GMT

Hello everyone!

My problem is that, a footer and a header appear within the content of my popupTemplate, they began to appear when I integrated a custom action to the popup, but I am not sure if that is the cause, or perhaps the version change and the fact that the popup now contains calcite components. The fact is that this problem is not present in the map viewer, only in the app.

Re: Popup header and footer cannot be removed

LaurenBoyd — Tue, 21 Nov 2023 17:39:06 GMT

Hi @MatiasTonelli1 -

If you're importing Calcite components into your custom app, can you confirm that you're using the version that matches the version of the JS Maps SDK you are using? E.g. Calcite Design System version 1.9.2 is packaged with version 4.28 of the JS Maps SDK, so make sure the version you're importing is 1.9.2 as well. You can find the version of Calcite that the JS Maps SDK is using in the release notes: https://developers.arcgis.com/javascript/latest/release-notes/#additional-packages

Sometimes there are UI issues when those versions are mismatched.

I would also check to make sure the JS Maps SDK stylesheet version matches the SDK version.

Re: Popup header and footer cannot be removed

MatiasTonelli1 — Tue, 21 Nov 2023 20:06:51 GMT

Hi @LaurenBoyd thanks for the answer, I'm currently using these versions:

But are you sure that's the reason? Because I tried to leave the popup as default as possible, without any type of calcite component, and the header and footer also appear. Look, I tried this:

Re: Popup header and footer cannot be removed

LaurenBoyd — Tue, 21 Nov 2023 20:12:47 GMT

The ArcGIS Maps SDK for JavaScript version 4.27 uses Calcite Design System, version 1.4.2 (noted in the release notes here). I would suggest trying to update your Calcite components version to at least 1.4.2 since this may be the cause of the issue due to the mismatched versions.