Saltar al contenido

Configurar Interfaces Temáticas

En Vinyl, Interfaz de tema es un término utilizado para referirse a una región definida en una página de aplicación determinada que está disponible para su personalización a través de Temas. Usando Temas puedes definir el color de un panel como gris o la fuente como Montserrat.

Normalmente, las regiones de la interfaz temática a las que desea dirigirse ya están definidas y disponibles a través del área Temas de Vinyl. Sin embargo, puede haber casos en los que desee orientar sus anuncios a una región que no tiene un valor definido existente, en cuyo caso puede crear una interfaz temática. Las interfaces temáticas están disponibles para crear a través de IDE > Configuraciones adicionales > Interfaces temáticas.

Una vez creada una interfaz de tema, estará disponible a través de las pantallas estándar donde normalmente trabajaría en la creación y mantenimiento de la información del tema de la aplicación.

Un ejemplo de caso de uso empresarial en el que es posible que desee crear una interfaz temática 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 altura. En este artículo, explicaremos cómo se crea 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 está tratando de lograr.

Para Crear una Interfaz Temática

  1. Navegue hasta IDE > Configuraciones adicionales
  2. Haga clic en Interfaces temáticas
  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 inmuebles a la que se dirigirá. Por ejemplo: barra de título
  6. Seleccione la Colección a la que desea que pertenezca la interfaz del tema. Por ejemplo: viento del norte
  7. Asigne un Nombre para esta nueva interfaz de tema. Por ejemplo: logotipo de la barra de menú
  8. Ingrese el valor del Selector apropiado que requiere la interfaz del tema para seleccionarlo. Por ejemplo: vinyl-controls-image-purpose-icon.vinyl-controls-image>img
  9. Haga clic en el ícono 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 la interfaz del tema desde la colección donde lo guardó, desde las pantallas de Vinyl apropiadas donde trabaja con los temas.

temainterfazejemplo2.png

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