topic Re: is it possible to have different header arrangements Desktop / Tablet / Mobile ? in ArcGIS Experience Builder Questions

is it possible to have different header arrangements Desktop / Tablet / Mobile ?

CP_Leipzig — Thu, 22 Sep 2022 07:21:33 GMT

Hello,
is it possible to have different header arrangements Desktop / Tablet / Mobile ?

Currently everything always shifts the same.
However, I want a space-saving header in the tablet / mobile variant, but if I move or delete something there (for example, text or buttons) is also adopted in the desktop variant. (except widgets)

Desktop Variante

Tablet / Mobile Variante

Re: is it possible to have different header arrangements Desktop / Tablet / Mobile ?

ShengdiZhang — Thu, 22 Sep 2022 07:51:03 GMT

Hi @CP_Leipzig ,

If you disable live view and lock layout, you can enable a Custom layout for header at different screen sizes.

Regards,

Shengdi

Re: is it possible to have different header arrangements Desktop / Tablet / Mobile ?

CP_Leipzig — Thu, 22 Sep 2022 08:01:12 GMT

i have only the option "widgets" automatic or custom?

Re: is it possible to have different header arrangements Desktop / Tablet / Mobile ?

ShengdiZhang — Thu, 22 Sep 2022 08:58:43 GMT

If you only see one Auto/Custom, it is because you don't have the Header enabled.

So, enabling custom means having a custom layout for body, but the result will be the same.

Re: is it possible to have different header arrangements Desktop / Tablet / Mobile ?

CP_Leipzig — Thu, 22 Sep 2022 09:09:32 GMT

this option is not available in Foldable theme!

Re: is it possible to have different header arrangements Desktop / Tablet / Mobile ?

ThomasCoughlin — Thu, 22 Sep 2022 15:02:41 GMT

The Foldable theme includes a premade header that isn't an "actual" header. It's made out of a Fixed Panel widget at the top of the canvas.

So, you can switch the canvas to automatic and adjust the contents of the fixed panel for smaller screens.

(You could also turn on the "actual" header and move all your header widgets there. Then you'll see the header's custom option.)

For tips about optimizing for different screen sizes I recommend this presentation from one of our Developer Summits. The main tools you'll use are size and position settings and the pending list.