Community
Select to view content in your preferred language

Make calcite-dialog responsive

45
2
yesterday
Status: Open
ForrestLin
by
Frequent Contributor

Is it possible to make calcite-dialog like Widget Windows in ArcGIS Experience Builder?

https://experience.arcgis.com/experience/42818c03ae384edc91ab658faf2664e0

1. Add collapse button in calcite-dialog

ForrestLin_0-1726176838802.png

 

2. Make calcite-dialog responsive like:

ForrestLin_1-1726176838928.png

 

ForrestLin_2-1726176838646.png

 

ForrestLin_3-1726176838709.png

 

 

Thanks.

 

Forrest

2 Comments
fdeters
by
2 hours ago

Hi, fellow Forrest,

For the first option (making a calcite-dialog collapsible), I don't see any options for that in the calcite-dialog documentation. You could try putting the dialog inside a collapsible component like Accordion or Block, but I think that would cause other issues. If you're working in a custom Calcite application, maybe you could try adding an Action or Button to the Dialog's "header-actions-end" or "header-actions-start" slot, then set the CSS variable --calcite-dialog-size-y when a user clicks the Action or Button?

For the second option (make a "Bottom Sheet"-like component), I don't believe Calcite currently has that sort of component available. However, you can get a similar effect by using the Shell Panel component inside a Shell.

Hopefully some of that is helpful!

ForrestLin
by
an hour ago

@fdeters 

Thank you for your suggestion.

I'll try.

 

Forrest