Onglets de navigation avec plusieurs panneaux

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éer un formulaire adaptatif

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 .

toolbar-spacing

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.

Masquer le titre des panneaux enfants

Utilisez l’éditeur de style pour masquer le titre des panneaux enfants des onglets.

REMARQUE

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.

Sur cette page