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
- Abra a página que contém o painel que você deseja modificar.
- Expanda o Action Drawer e clique em Live Designer.
- Selecione o painel e clique na aba Integrada no painel de propriedades à direita.
- 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
- Abra a página que contém o painel que você deseja modificar.
- Expanda o Action Drawer e clique em Live Designer.
- Selecione o painel e clique na aba Integrada no painel de propriedades à direita.
- 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
- Navegue até o App Workbench.
- Clique em Look & Feel.
- Clique em + Tema no painel Temas.
- Forneça um Nome do Tema (por exemplo, Sem título do painel).
- Selecione uma Coleção. A coleção deve estar associada ao aplicativo para usar o tema.
- Clique em Salvar.
- No painel Componentes, selecione o componente Painel.
- No painel Estilos, clique em + Estilo.
- 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:
- No painel Componentes, selecione o componente Painel - Barra de Ferramentas.
- No painel Estilos, clique em + Estilo.
- Forneça o seguinte:
- Área: Barra de Ferramentas
- Tipo de Estilo: Exibição
- Exibição: none
Aplicar o tema a um painel
- Navegue até a página contendo o painel que você deseja modificar.
- Expanda o Drawer de Ação e clique em Designer Ao Vivo.
- Selecione o painel e clique na aba Caso de Borda.
- Defina Tema para o tema que você criou.
- Clique em Salvar.
- Atualize seu aplicativo para ver o painel sem a barra de título ou barra de ferramentas.