Configurar Interfaces de Temas

En App Builder Interfaz de tema es un término que se utiliza para referirse a una región definida en una página de aplicación determinada que está disponible para personalizarla mediante temas. Con los temas, puede definir el color de un panel como gris o la fuente como Montserrat.

Normalmente, las regiones de la interfaz de tema a las que desea acceder ya están definidas y disponibles a través del área Temas de App Builder. Sin embargo, puede haber casos en los que desee apuntar a una región que no tenga un valor definido existente, en cuyo caso puede crear una Interfaz de tema. Las Interfaces de tema están disponibles para crear a través de IDE > Configuración adicional > Interfaces de tema.

Una vez que se haya creado una Interfaz de tema, estará disponible a través de las pantallas estándar en las que normalmente trabajaría en la creación y el mantenimiento de la información del Tema de la aplicación.

Un ejemplo de caso de uso comercial en el que podría querer crear una Interfaz de tema personalizada es si desea apuntar a una foto que aparece en la barra de menú y forzarla a mostrarse en un tamaño específico. Por ejemplo: 100 px de alto. En este artículo, veremos cómo crear una Interfaz de tema personalizada.

Nota

Antes de crear una interfaz de tema personalizada, asegúrese de verificar que no exista un valor de interfaz de tema existente que admita lo que desea lograr.

Para Crear una Interfaz Temática

1. Vaya a IDE > Configuración adicional
2. Haga clic en Interfaces de tema
3. Haga clic en + Interfaz en el panel Interfaces
4. Seleccione el componente Bienes raíces al que se dirigirá esta área. Por ejemplo: Página - Barra de título
5. Seleccione la región Grupo o Subtipo del valor de Bienes raíces, a la que se dirigirá. Por ejemplo: Barra de título
6. Seleccione la Colección a la que desea que pertenezca la Interfaz de tema. Por ejemplo: Northwind
7. Asigne un Nombre a esta nueva Interfaz de tema. Por ejemplo: Logotipo de la barra de menú
8. Ingrese el valor de Selector apropiado que la Interfaz de tema requiere para dirigirse a él. Por ejemplo: vinyl-controls-image-purpose-icon.vinyl-controls-image>img
9. Haga clic en el ícono de marca de verificación para guardar el registro
10. Después de guardar el nuevo registro, ahora debería poder ver y usar este valor de Interfaz de tema desde la Colección donde lo guardó, desde el menú correspondiente App Builder pantallas en las que se trabaja con temas

Nuevo valor de interfaz de tema personalizado ahora disponible desde la aplicación