Popup header and footer cannot be removed

[MatiasTonelli1]

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.

[LaurenBoyd]

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.

<link rel="stylesheet" href="https://js.arcgis.com/4.28/esri/themes/light/main.css">
<script src="https://js.arcgis.com/4.28/"></script>

[MatiasTonelli1]

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:

[LaurenBoyd]

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.