Personalizar el formato de texto marcador usando el CSS personalizado en la Plantilla de búsqueda de zonas de ArcGIS Instant Apps

Resumen

En ArcGIS Instant Apps, los temas predefinidos ofrecen una forma cómoda de crear aplicaciones orientadas a un propósito para interactuar con mapas y datos. Para una mejor experiencia de usuario, a veces es necesario cambiar el tamaño y el grosor de la fuente del texto provisional en la barra de búsqueda usando CSS personalizado para controlar el aspecto de la aplicación, incluidas las fuentes. Esta mejora garantiza una mejor legibilidad y coherencia visual. Consulte ArcGIS Instant Apps: Cambiar tema y diseño para obtener más información. La imagen siguiente muestra el tamaño de fuente predeterminado y el grosor del texto provisional en la barra de búsqueda de la Plantilla de búsqueda de zonas de ArcGIS Instant Apps.

Este artículo proporciona el flujo de trabajo para cambiar el tamaño y el grosor de la fuente del texto provisional en la opción de búsqueda usando CSS personalizado en la Plantilla de búsqueda de zonas de ArcGIS Instant Apps.

Procedimiento

1. Inicie sesión en ArcGIS Instant Apps y haga clic en la pestaña Mis aplicaciones.
2. Vaya a la aplicación y haga clic en Configurar .
3. En el panel de configuración, desactive Rápido para acceder a los ajustes de configuración completos de la aplicación.

4. En la ventana Desactivar modo rápido, haga clic en Continuar. Desactivar el modo rápido permite realizar una configuración más personalizada en la aplicación.

5. Haga clic en Tema y diseño y haga clic en Tema.

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

6. En Tema, haga clic en Editar en la sección CSS personalizado.

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

7. En la ventana CSS personalizado, pegue el siguiente código CSS para cambiar el tamaño y el grosor de la fuente del texto de marcador de posición en la opción Buscar. Los parámetros 'tamaño de fuente' y 'grosor de fuente' son personalizables. En este ejemplo, el tamaño de la fuente es 24px y el grosor de la fuente es en negrita.

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

8. Haga clic en Cerrar para ejecutar el código CSS.
9. Haga clic en Publicar para guardar la configuración.

La imagen siguiente muestra el tamaño y grosor personalizados de la fuente del texto provisional en la barra de búsqueda de la Plantilla de búsqueda de zonas de ArcGIS Instant Apps.