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; } } }

Visualização Móvel para Dashboard Incorporado no Experience Builder

C837410204_CSUesri

Desafio:

Temos uma Web Experience que incorpora o link para um Dashboard, onde o widget Experience Builder Embed está englobado dentro de um widget Row. Embora isso pareça funcionar quando a Web Experience é visualizada em um dispositivo desktop em um monitor, estamos tendo dificuldade para que isso funcione em um dispositivo móvel. Tentei configurar o Dashboard tanto com quanto sem uma visualização Mobile para comparação. Existem 2 desafios aqui quando a visualização Mobile está configurada:

Quando a plataforma é visualizada em um dispositivo móvel real, a página com o dashboard incorporado parece comprimida mesmo que os widgets Row e Embed tenham Altura definida como “Stretch” (captura de tela no canto inferior direito).
Quando um usuário olha a Web Experience em um monitor mas reduz o tamanho do navegador, os widgets parecem comprimidos (ou seja, a configuração da visualização Mobile do Dashboard não é refletida) (captura de tela no canto superior direito).

Algumas postagens relacionadas:

Razão de aspecto do widget Image do Experience Builder não refletida em dispositivo móvel - Esri Community: Mostra que parece haver uma desconexão entre como uma Web Experience é visualizada no teste de tamanho pequeno/dispositivo vs. em um dispositivo móvel real.
Incorporar Dashboard Mobile no app Experience Builder, não exibe visualização móvel - Esri Community: Mostra que parecem haver desafios ao visualizar dashboards incorporados dentro de Web Experiences em um dispositivo móvel. Não estou totalmente entendendo a solução desta postagem e me pergunto se isso requer a edição developer do Experience Builder.