Saltar al contenido

Cómo eliminar la barra de título y la barra de herramientas de un panel en Jitterbit App Builder

El método para ocultar elementos del panel depende de la versión de tu App Builder.

App Builder 4.61 y posteriores

Utiliza la configuración Incorporada en las propiedades del panel. Estas configuraciones controlan si se renderiza cada elemento.

Ocultar la barra de título

  1. Abre la página que contiene el panel que deseas modificar.
  2. Expande el Action Drawer y haz clic en Live Designer.
  3. Selecciona el panel, luego haz clic en la pestaña Incorporada en el panel de propiedades a la derecha.
  4. En la sección Panel Header, desactiva Show Entire Header.

Para ocultar elementos individuales dentro del encabezado en lugar de todo el encabezado, deja Show Entire Header activado y desmarca cualquiera de los siguientes:

  • Show Panel Title: Oculta el título del panel.
  • Show Maximize: Oculta el botón de maximizar.
  • Show Action Drawer: Oculta el botón del action drawer.

Ocultar la barra de herramientas

  1. Abre la página que contiene el panel que deseas modificar.
  2. Expande el Action Drawer y haz clic en Live Designer.
  3. Selecciona el panel, luego haz clic en la pestaña Incorporada en el panel de propiedades a la derecha.
  4. En la sección Toolbar, desactiva Show Entire Toolbar.

App Builder 4.60 y anteriores

Utiliza un tema para aplicar estilos CSS que oculten la barra de título o la barra de herramientas.

Crear un tema para ocultar la barra de título

  1. Navega a App Workbench.
  2. Haz clic en Look & Feel.
  3. Haz clic en + Theme en el panel de Themes.
  4. Proporciona un Theme Name (por ejemplo, Sans-panel title).
  5. Selecciona una Collection. La colección debe estar asociada con la aplicación para usar el tema.
  6. Haz clic en Save.
  7. En el panel de Components, selecciona el componente Panel.
  8. En el panel de Styles, haz clic en + Style.
  9. Proporciona lo siguiente:
    • Area: Title Bar
    • Style Type: Display
    • Display: none

Crear un tema para ocultar la barra de herramientas

Sigue los pasos 1–6 anteriores para crear o reutilizar un tema, luego:

  1. En el panel de Componentes, selecciona el componente Panel - Barra de herramientas.
  2. En el panel de Estilos, haz clic en + Estilo.
  3. Proporciona lo siguiente:
    • Área: Barra de herramientas
    • Tipo de estilo: Mostrar
    • Mostrar: none

Aplicar el tema a un panel

  1. Navega a la página que contiene el panel que deseas modificar.
  2. Expande el Drawer de acción y haz clic en Diseñador en vivo.
  3. Selecciona el panel y haz clic en la pestaña Caso extremo.
  4. Establece Tema en el tema que creaste.
  5. Haz clic en Guardar.
  6. Actualiza tu aplicación para ver el panel sin la barra de título ni la barra de herramientas.