Onglets

plus de 4 an(s)

Composant onglet

Le composant onglets permet d’avoir plusieurs sous-pages dans la même section, il est couramment utiliser pour faciliter la navigation entre plusieurs bloc de contenu juste en cliquant sur les onglets correspondants.

Pour ajouter des onglets :

  1. Ouvrir l'editeur visuel des pages.
  2. Allez dans le menu latéral dans la catégorie "Bases" 
  3. Glissez-déposez le composant Onglets dans un conteneur cible.
  4. Vous verrez ajouter par défaut un composant avec un onglet.

Personnaliser un onglet

Pour ajouter un nouveau onglet :

  1. Allez dans le menu latéral dans la catégorie "Bases" 
  2. Glissez-déposez le composant Onglet dans un conteneur onglets cible.

Associer un onglet et une zone cible

Lorsqu'on clique sur un onglet, on voudrait voir afficher une section dans le composant, pour y parvenir il faut associer à l'onglet le composant cible.

  1. Cliquez sur le composant cible pour le selectionner.
  2. Cliquez sur le bouton "code" pour ouvrir un sous menu de paramétres et copiez l'identifiant.
  3. Ensuite cliquez sur l'onglet pour lequelle vous souhaiter effectuer une association.
  4. Cliquez sur le bouton "code" pour ouvrir un sous menu de paramétres
  5. Cliquez sur le bouton choisir une cible et cliquez sur le bouton choisir un composant.
  6. Rechercher le composant avec l'identifiant et selectionnez le.

Pour tester les modifications :

  1. Recharger le composant Onglet.
  2. Mettre l'editeur en mode de prévisualisation.
  3. Cliquez sur l'onglet pour voir apparaitre la zone cible.