Saltar al contenido

¡Transforma tus conexiones en dinero para el final del año con nuestro nuevo Programa de Indicación de Clientes! Descubre más

Esta documentación es para la versión 4 y posteriores de App Builder, el nuevo nombre de Vinyl. Accede a la documentación de Vinyl aquí.

Cambiar el tamaño de fuente de todo el panel en Jitterbit App Builder

Puede cambiar el tamaño de fuente predeterminado de todo un panel usando un tema personalizado y asociándolo al panel. En este ejemplo, crearemos un tema personalizado para controlar la fuente, lo que le permitirá configurar información sobre la familia, el tamaño, el grosor y la altura de la fuente.

Cómo configurar

Paso 1: Configurar un tema personalizado

  1. Navega a Apariencia de la colección a la que está asociada tu aplicación. Ejemplo: Cliente.
  2. Haz clic en + Tema.
  3. Asigna un Nombre del tema. Por ejemplo: Tamaño de fuente del panel.
  4. Haz clic en Guardar.
  5. Selecciona Panel en Componentes.
  6. Haz clic en + Estilo en el panel Estilo.
  7. Selecciona Contenido como valor de Área.
  8. Selecciona Fuente como Tipo de estilo.
  9. Configura los valores según corresponda:

    • Familia de fuentes
    • Tamaño de fuente
    • Grosor de fuente
    • Altura de línea
  10. Haz clic en Guardar.

Paso 2: Aplicar tema personalizado al panel

  1. Navegue hasta la página que contiene el panel.
  2. Vaya a Cajón de acciones > Diseñador en vivo
  3. Haga clic en la pestaña Caso extremo para el panel
  4. Expandir Apariencia
  5. Establezca el valor Tema en el tema personalizado configurado en el paso 1
  6. Haga clic en Guardar
  7. Confirme la actualización desde la vista de la aplicación

Guía paso a paso

Puedes cambiar el tamaño predeterminado de todo un panel usando un tema y creando un estilo para el área de contenido del panel y un tipo de estilo "Fuente avanzada". Esto te permite configurar la familia tipográfica (generalmente las fuentes específicas o un estilo como Sans-Serif), el tamaño y el grosor de la fuente (negrita, estrecha, etc.). Para ello:

  1. Vaya a la página principal de App Builder IDE y seleccione Definir su apariencia en el menú Crear
  2. Localiza el nombre de tu aplicación App Builder y haz clic en el ícono de pincel Temas
  3. Busca el tema de la aplicación que estás usando. Si aún no tienes un tema para esta aplicación, crea uno desde esta página.
  4. Haga clic en el botón Configuración avanzada para el tema.
  5. A la izquierda, debajo de Áreas inmobiliarias, haga clic en Panel
  6. En el panel inferior de la derecha, haga clic en Crear para crear un nuevo estilo para esta parte del tema.
  7. Seleccione la sección Contenido en Interfaz, que representa la sección interna principal del panel
  8. Seleccione Fuente Avanzada para Tipo de Estilo. Fuente Avanzada le permite configurar varios estilos de fuente. El Valor 1 se usa para los nombres de las fuentes. El Valor 2 es el tamaño de la fuente. Puede ser cualquier unidad de medida. El Valor 3 es la negrita. Ejemplo:

familia de fuentes: {0}; tamaño de fuente: {1}; peso de fuente: {2};
2018 04 10 09 05 09 Despliegue de estilo App Builder IDe

Nota: También puede seleccionar Encabezado para cambiar las propiedades de la barra de encabezado del panel, o Contenedor para cambiar las propiedades del marco exterior del panel, como el color o el grosor del borde.