Calcite for Desktop and Mobile?

158
5
04-12-2022 06:11 AM
N8-CORR
New Contributor

I have an older JS API 3.x app that uses jQuery UI to modify the app layout on desktop vs mobile, see below:

78FF702B-4EF3-4713-A9FB-C2BD7A6B8CDA.GIF

We're updating this app to use JS API 4.x and Calcite. Is there a way to dynamically change the app layout (desktop vs mobile) using Calcite?

0 Kudos
5 Replies
FélixHernández
New Contributor II

Hi, You should consider

FlixHernndez_0-1649771507393.png

 

N8-CORR
New Contributor

@FélixHernández - Thanks for pointing that out. Pretty disappointing. What do you guys use for mobile views instead?

0 Kudos
FélixHernández
New Contributor II

Good question. We have the same problem.

Calcite Design System is still in beta and I hope they find an alternative for the production version.

0 Kudos
BenElan
Esri Contributor

Hi @N8-CORR,

Felix's answer is correct, however it is still possible to create mobile-friendly apps with Calcite Components. At this time, you will have to use CSS to do it yourself. In the future, we plan to add CSS utility classes which will make the process easier.

 

For reference, the Icon search is developed using calcite-shell, and it works on mobile.

0 Kudos
FélixHernández
New Contributor II

Thanks @BenElan

I prefer static map in window, maybe add an action bar on bottom page can resolve our problem.

0 Kudos