nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Mobile Ansicht für Dashboard eingebettet im Experience Builder

C837410204_CSUesri

Herausforderung:

Wir haben eine Web Experience, die den Link zu einem Dashboard einbettet, wobei das Experience Builder Embed-Widget innerhalb eines Row-Widgets enthalten ist. Während dies auf einem Desktop-Gerät auf einem Monitor zu funktionieren scheint, haben wir Schwierigkeiten, dies auf einem mobilen Gerät funktionsfähig zu machen. Ich habe versucht, das Dashboard sowohl mit als auch ohne Mobile Ansicht zur Vergleichszwecken zu konfigurieren. Es gibt 2 Herausforderungen, wenn die Mobile Ansicht konfiguriert ist:

Wenn die Plattform auf einem tatsächlichen mobilen Gerät betrachtet wird, erscheint die Seite mit dem eingebetteten Dashboard gequetscht, obwohl die Row- und Embed-Widgets eine Höhe von "Stretch" haben (Screenshot unten rechts).
Wenn ein Benutzer die Web Experience auf einem Monitor betrachtet, aber den Browser auf eine kleinere Größe verengt, erscheinen die Widgets gequetscht (d.h. die Mobile Ansichtskonfiguration des Dashboards wird nicht reflektiert) (Screenshot oben rechts).

Einige verwandte Beiträge:

Experience Builder Image-Widget Seitenverhältnis wird auf mobilen Geräten nicht reflektiert - Esri Community: Zeigt, dass es eine Diskrepanz gibt zwischen der Betrachtung einer Web Experience innerhalb des kleinen Gerätegrößentests/Monitors und auf einem tatsächlichen mobilen Gerät.
Einbetten von Mobile Dashboard in Experience Builder App zeigt keine mobile Ansicht an - Esri Community: Zeigt, dass es Herausforderungen bei der Anzeige eingebetteter Dashboards innerhalb von Web Experiences auf einem mobilen Gerät gibt. Ich verstehe die Lösung für diesen Beitrag nicht ganz und frage mich, ob dies die Experience Builder Developer Edition erfordert.