Painéis como Base/Template para Construção de outras Telas

Conceito

Este recurso permite utilizar um determinado painel como modelo ou base para a criação de outros painéis, funcionando como um template para a construção de um outro painel, no qual chamaremos de Painel Derivado.

Ao usar um Painel Base, será disponibilizada a opção de padronizar a identidade visual e funcional dos painéis, garantindo consistência e eficiência no desenvolvimento e na manutenção da Tela.

Qualquer atualização no painel base pode ser propagada para os painéis derivados (caso configurado), simplificando a gestão e atualização das suas Telas.

Importante

Restrições de Uso:

  • Um painel base não pode servir como derivado para outro painel na mesma Tela.

  • Um painel derivado não pode servir como derivado para a criação de outros painéis.

Limitação em Telas Importadas: não podem utilizar painéis derivados aos mesmos painéis da tela de origem, pois a clonagem de telas não gera novos identificadores para os painéis, mantendo os mesmos identificadores da tela de origem.

Solução: Para utilizar um painel da tela que foi importada como base, deve-se excluir o painel e criar um novo painel.

Painel Sinótico de Base/Template

Um exemplo de uso desse recurso é a criação de um Painel Sinótico padrão, utilizado como base para outros painéis Sinóticos dentro de uma mesma aplicação ou projeto.

Para entender melhor o funcionamento de um Painel Sinótico, acesse: Painel Sinótico.

Esse painel base pode definir elementos fixos, como cabeçalho e rodapé, enquanto o conteúdo específico é configurado nos painéis derivados.

Exemplo

Neste exemplo, vamos demonstrar como utilizar um Painel Sinótico de base para construção de um outro Painel Sinótico.

Painel Base

No Painel Sinótico que será utilizado como base:

  • Adicione botões na barra de ferramentas para navegação;

  • Inclua um controle de imagem para o logo da empresa;

  • Defina uma imagem de fundo.

../../_images/base_screen_synotic.png

O objetivo é que o conteúdo deste painel seja apresentado em qualquer outro Painel Sinótico(de outra Tela) que utilize este painel como base.

Painel Derivado

Após criarmos uma Tela com o nosso Painel Sinótico de base, vamos criar uma outra Tela para que possamos configurar um Painel Sinótico que o utilizará como base.

Então para isso, acesse o Menu Layout e clique em botão (Usar Painéis de outra Tela como Base):

../../_images/base_screen_using.png

Será apresentada a opção para selecionar uma Tela na qual um ou mais de seus painéis poderão ser utilizados como base nos painéis da Tela atual.

Selecione a Tela desejada e escolha os painéis que serão utilizados como base:

../../_images/base_screen_selecting.png

Após selecionar uma Tela, será apresentado todos os seus painéis. Em cada painel há um identificador relacionado a sua posição na Tela de Origem, apresentando o número da linha e coluna disposto no layout da Tela, no qual pode ser útil para se determinar qual painel se deseja utilizar:

../../_images/base_screen_using_synotic.png

Para utilizar um painel da Tela Base, clique duas vezes no painel desejado ou arraste-o para a posição desejada no layout da Tela atual

Atenção

Não é permitido utilizar o mesmo painel da Tela Base mais de uma vez, sendo bloqueado pela interface(deixando-o cinza). Este comportamento também ocorre com os Painéis de Uso Único já utilizados na Tela.

Após associar um painel base ao painel derivado, as seguintes configurações estarão disponíveis nas propriedades deste painel:

../../_images/base_screen_synotic_synchronized_properties.png

Atenção

No modo de edição do sinótico, controles com edição desabilitada ficam com a opacidade reduzida em (70%). Assim é possível identifica-los mesmo sem passar o mouse por cima ou tentar seleciona-los. Porém na pré-visualização e na visualização de fato da Tela, são apresentados normalmente.

Tela de origem

Identifica o nome da Tela associada ao painel base que foi associado ao painel derivado.

É possível acessar a edição dessa Tela através do botão .

Habilita sincronização

Por padrão, ao adicionar um painel da Tela Base, o painel derivado terá um vínculo com este painel.

Chamamos esse vínculo de sincronismo que é aplicado com esta opção marcada.

Com a sincronização ativada, qualquer alteração realizada no painel base será refletida automaticamente no painel derivado.

Vantagens Uma grande vantagem dessa abordagem é a facilidade de manutenção. Por exemplo, para atualizar o logo da empresa, basta modificá-lo na Tela base, e essa alteração será automaticamente aplicada a todos os painéis derivados.

Limitações É importante notar que não é possível editar os conteúdos do painel base diretamente através do painel derivado:

../../_images/base_screen_synchronized_actions.png

Caso a sincronização seja desabilitada, o painel derivado manterá o conteúdo do painel base como uma “cópia”. Isso significa que será possível editar este conteúdo de maneira independente no painel derivado. No entanto, eventuais alterações no painel base não serão mais refletidas no painel derivado.

Portanto, é fundamental compreender que a vantagem da sincronização é centralizar as alterações de conteúdos comuns no painel base. Dessa forma, o trabalho no painel derivado fica restrito a novos conteúdos específicos, mantendo a consistência e facilitando a manutenção.

Atenção

O sinótico funciona de maneira diferente dos outros painéis, deixando os controles que vem do Painel Base sempre bloqueados no Painel Derivado.

../../_images/base_screen_synotic_unsynchronized_properties.png

Atenção

Desabilitar e reabilitar a sincronização fará com que alterações locais no painel derivado sejam perdidas. Apenas alterações de layout (altura mínima e máxima) serão preservadas.