topic Features Widget inside calcite shell panel in Calcite Design System Questions

Features Widget inside calcite shell panel

LefterisKoumis — Sat, 01 Jul 2023 01:16:44 GMT

The example for the features widget shows how the widget can be placed outside of the view inside the shell panel.

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Features.html

I don't understand why it is out of the view. If I place a shell panel on the end, it overlays the map.

https://codepen.io/lkoumis1/pen/MWzmGmx

Why? Am I missing something?

@LaurenBoyd @KittyHurley

Re: Features Widget inside calcite shell panel

KittyHurley — Mon, 03 Jul 2023 15:28:35 GMT

@LefterisKoumis Not able to reproduce what you described in the sample, it looks like the component is displaying as "float", where content is detached.

For context, the Shell Panel has a new attribute, display-mode, which allows for some different displays for your apps. Values of display-mode include "dock" (default), "float", and "overlay". There is also a resizable attribute if interested in allowing users to resize the component's content area, which is available unless the component is set to "float". There's more detailed information on some of the layout improvements in the May 2023 summary.

The Maps SDK sample uses the "dock", or the default value, and the Shell Panel slotted in the "panel-end" could use a different display-mode, such as "overlay", where content is displayed at full height and on top of center content, such as: https://codepen.io/geospatialem/pen/LYXLzBe.

Re: Features Widget inside calcite shell panel

LefterisKoumis — Thu, 06 Jul 2023 00:56:12 GMT

Sorry it was a Friday and not thinking right. Didn't realized that I had the

content-behind on the calcite-shell tag.