topic Calcite for Desktop and Mobile? in Calcite Design System Questions

Calcite for Desktop and Mobile?

N8-CORR — Tue, 12 Apr 2022 13:11:40 GMT

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?

Re: Calcite for Desktop and Mobile?

FélixHernández — Tue, 12 Apr 2022 13:51:56 GMT

Hi, You should consider

Re: Calcite for Desktop and Mobile?

N8-CORR — Tue, 12 Apr 2022 17:30:52 GMT

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

Re: Calcite for Desktop and Mobile?

FélixHernández — Tue, 12 Apr 2022 22:05:31 GMT

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.

Re: Calcite for Desktop and Mobile?

BenElan — Mon, 18 Apr 2022 16:56:37 GMT

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.

Re: Calcite for Desktop and Mobile?

FélixHernández — Tue, 19 Apr 2022 12:46:01 GMT

Thanks @BenElan.

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