Lorsque votre formulaire comporte des onglets de navigation de gauche et que l’un des onglets comporte plusieurs panneaux, vous pouvez masquer le titre des panneaux enfants tout en pouvant naviguer entre les onglets et les panneaux enfants de ces onglets.
Créez un formulaire adaptatif avec la structure suivante. Le panneau racine contient des panneaux enfants qui s’affichent sous forme d’onglets sur la gauche. Certaines de ces onglets" possèdent des panneaux enfants supplémentaires. Par exemple, l’onglet Famille comporte deux panneaux enfants appelés Épouse et Enfants.
Une barre d’outils est également ajoutée sous FormContainer avec les boutons Préc et Suivant .
Le comportement par défaut de ce formulaire consiste à afficher tous les panneaux à gauche, puis à naviguer d’un onglet à l’autre en cliquant sur le bouton suivant.
Pour modifier ce comportement par défaut, procédez comme suit :
Ajoutez le code suivant à l’événement click de la variable Suivant à l’aide de l’éditeur de code
window.guideBridge.setFocus(null, 'nextItemDeep', true);
Ajoutez le code suivant à l’événement click de la variable Prev à l’aide de l’éditeur de code
window.guideBridge.setFocus(null, 'prevItemDeep', true);
Le code ci-dessus vous aidera à naviguer entre les onglets et les panneaux enfants de chaque onglet.
Utilisez l’éditeur de style pour masquer le titre des panneaux enfants des onglets.
La fonctionnalité décrite dans cet article ne fonctionne pas dans le dernier onglet. Par exemple, si l’onglet Adresse comporte des panneaux enfants, cette fonctionnalité ne fonctionnera pas.