Calcite for Desktop and Mobile?

Question

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

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?

FélixHernández · Answer

Thanks @BenElan.

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

BenElan · Answer

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.

FélixHernández · Answer

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.