Guias de navegação com vários painéis

Quando o formulário tem guias de navegação à esquerda e se uma das guias tiver vários painéis, talvez você queira ocultar o título dos painéis secundários e ainda poder navegar entre as guias e os painéis secundários dessas guias

Criar formulário adaptável

Crie um formulário adaptável com a seguinte estrutura. O painel raiz tem painéis secundários que são exibidos como guias à esquerda. Alguns desses "guias" têm painéis secundários adicionais. Por exemplo, a guia Família tem dois painéis filhos chamados Cônjuge e Filhos.

Uma barra de ferramentas também é adicionada abaixo de FormContainer com os botões Anterior e Próximo

espaçamento da barra de ferramentas

O comportamento padrão desse formulário seria exibir todos os painéis à esquerda e, em seguida, navegar de uma guia para outra ao clicar no botão próximo.

Para alterar esse comportamento padrão, é necessário fazer o seguinte

Adicione o seguinte código ao evento de clique do Próxima botão usando o editor de código

window.guideBridge.setFocus(null, 'nextItemDeep', true);

Adicione o seguinte código ao evento de clique do Anterior botão usando o editor de código

window.guideBridge.setFocus(null, 'prevItemDeep', true);

O código acima ajudará você a navegar entre as guias e os painéis secundários de cada guia.

Ocultar o título dos painéis secundários

Use o editor de estilos para ocultar o título dos painéis secundários das guias.

NOTE
O recurso descrito neste artigo não funciona na última guia. Por exemplo, se a guia Endereço tivesse painéis secundários, essa funcionalidade não funcionaria.
recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e