Personalizar a formatação do texto de espaço reservado usando o CSS personalizado no Modelo de consulta de zona do ArcGIS Instant Apps.

Resumo

No ArcGIS Instant Apps, os temas predefinidos oferecem uma maneira prática de criar aplicativos específicos para interagir com mapas e dados. Para uma melhor experiência do usuário, às vezes é necessário alterar o tamanho e o peso da fonte do texto do espaço reservado na barra de pesquisa usando CSS personalizado, a fim de controlar a aparência do aplicativo, incluindo as fontes. Essa melhoria garante maior legibilidade e consistência visual. Consulte ArcGIS Instant Apps: Alterar tema e layout para mais informações. A imagem abaixo mostra o tamanho e peso da fonte padrão do texto do espaço reservado na barra de pesquisa no Modelo de consulta de zona do ArcGIS Instant Apps.

Este artigo apresenta o fluxo de trabalho para alterar o tamanho e o peso da fonte do texto do espaço reservado na opção de Pesquisa, usando CSS personalizado no Modelo de consulta de zona do ArcGIS Instant Apps.

Procedimento

1. Efetue o login no ArcGIS Instant Apps e clique na guia Meus aplicativos.
2. Navegue até o aplicativo e clique em Configurar .
3. No painel de configuração, desative Expresso para acessar todas as configurações do aplicativo.

4. Na janela Desativar modo expresso, clique em Continuar. Desativar o modo expresso permite que mais configurações personalizadas sejam feitas no aplicativo.

5. Clique em Tema e layout e clique em Tema.

Note: 
Optionally, click Search settings and type Custom CSS. The Theme & Layout panel is displayed.

6. Em Tema, clique em Editar na seção CSS personalizado.

Warning:  
ArcGIS Instant Apps updates for the source template may impact an app's custom CSS.

7. Na janela CSS personalizado, cole o código CSS a seguir para alterar o tamanho e peso da fonte do texto do espaço reservado na opção de Pesquisa. Os parâmetros "font-size" e "font-weight" são personalizáveis. Neste exemplo, o font-size é 24px e o font-weight é negrito.

.esri-search__form .esri-input[type=text] {
  font-size: 24px;
  font-weight: bold;
}

8. Clique em Fechar para executar o código CSS.
9. Clique em Publicar para salvar a configuração.

A imagem abaixo mostra o tamanho e peso da fonte personalizados do texto do espaço reservado na barra de pesquisa no Modelo de consulta de zona do ArcGIS Instant Apps.