Ir para o conteúdo

Como remover a barra de título e a barra de ferramentas de um painel no Jitterbit App Builder

O método para ocultar elementos do painel depende da sua versão do App Builder.

App Builder 4.61 e posterior

Use as configurações Integradas nas propriedades do painel. Essas configurações controlam se cada elemento é renderizado.

Ocultar a barra de título

  1. Abra a página que contém o painel que você deseja modificar.
  2. Expanda o Action Drawer e clique em Live Designer.
  3. Selecione o painel e clique na aba Integrada no painel de propriedades à direita.
  4. Na seção Cabeçalho do Painel, desative Mostrar Cabeçalho Completo.

Para ocultar elementos individuais dentro do cabeçalho em vez de todo o cabeçalho, mantenha Mostrar Cabeçalho Completo ativado e desmarque qualquer uma das seguintes opções:

  • Mostrar Título do Painel: Oculta o título do painel.
  • Mostrar Maximizar: Oculta o botão de maximizar.
  • Mostrar Action Drawer: Oculta o botão do action drawer.

Ocultar a barra de ferramentas

  1. Abra a página que contém o painel que você deseja modificar.
  2. Expanda o Action Drawer e clique em Live Designer.
  3. Selecione o painel e clique na aba Integrada no painel de propriedades à direita.
  4. Na seção Barra de Ferramentas, desative Mostrar Barra de Ferramentas Completa.

App Builder 4.60 e anterior

Use um tema para aplicar estilos CSS que ocultem a barra de título ou a barra de ferramentas.

Criar um tema para ocultar a barra de título

  1. Navegue até o App Workbench.
  2. Clique em Look & Feel.
  3. Clique em + Tema no painel Temas.
  4. Forneça um Nome do Tema (por exemplo, Sem título do painel).
  5. Selecione uma Coleção. A coleção deve estar associada ao aplicativo para usar o tema.
  6. Clique em Salvar.
  7. No painel Componentes, selecione o componente Painel.
  8. No painel Estilos, clique em + Estilo.
  9. Forneça o seguinte:
    • Área: Barra de Título
    • Tipo de Estilo: Exibir
    • Exibir: none

Criar um tema para ocultar a barra de ferramentas

Siga os passos 1–6 acima para criar ou reutilizar um tema, então:

  1. No painel Componentes, selecione o componente Painel - Barra de Ferramentas.
  2. No painel Estilos, clique em + Estilo.
  3. Forneça o seguinte:
    • Área: Barra de Ferramentas
    • Tipo de Estilo: Exibição
    • Exibição: none

Aplicar o tema a um painel

  1. Navegue até a página contendo o painel que você deseja modificar.
  2. Expanda o Drawer de Ação e clique em Designer Ao Vivo.
  3. Selecione o painel e clique na aba Caso de Borda.
  4. Defina Tema para o tema que você criou.
  5. Clique em Salvar.
  6. Atualize seu aplicativo para ver o painel sem a barra de título ou barra de ferramentas.