Types d'onglets : Individuel, Tableau et Catalogue

Choisissez le format d'affichage adapté à chaque section de votre portail.

Chaque onglet de votre portail affiche les données d’une feuille de calcul. Lors de la configuration d’un onglet, vous choisissez comment ces données sont présentées à vos clients. eg2 propose trois types d’onglets.


Individuel

Un onglet Individuel affiche une ligne correspondante sous forme de carte clé-valeur — un champ par ligne, clairement organisé.

Utilisez-le quand un client a exactement un enregistrement et que vous souhaitez le présenter en un coup d’œil. Exemples courants :

  • Résumé du compte (nom, offre, solde)
  • Détails d’abonnement
  • Informations de profil personnel

L’onglet affiche la première ligne où la colonne de contact correspond à l’adresse email du client connecté.


Tableau

Un onglet Tableau affiche toutes les lignes correspondantes dans un tableau triable, avec recherche et pagination.

Utilisez-le quand un client a plusieurs enregistrements et que vous souhaitez lui permettre de parcourir, rechercher et trier. Exemples courants :

  • Historique des commandes
  • Liste des factures
  • Journal des transactions

Les clients peuvent effectuer une recherche dans toutes les colonnes visibles et trier par n’importe quel en-tête de colonne. La pagination maintient la vue réactive même avec des centaines de lignes.


Catalogue

Un onglet Catalogue affiche toutes les lignes correspondantes sous forme d’une grille de cartes visuelles — comme une galerie de produits.

Utilisez-le quand les lignes représentent des éléments qui bénéficient d’une mise en page visuelle : produits, propriétés, véhicules, annonces.

Chaque carte affiche :

  • Une image principale (si une colonne d’image est configurée — voir Configurer un catalogue avec des images)
  • Un titre (la colonne que vous désignez comme champ titre)
  • Un sous-titre (un libellé secondaire optionnel)

Un clic sur une carte ouvre un visualiseur plein écran avec :

  • Affichage de l’image en taille réelle avec zoom et téléchargement
  • Navigation entre les images supplémentaires si plusieurs colonnes d’image sont configurées
  • Un panneau d’informations dépliable affichant tous les autres champs de cette ligne
  • Des enregistrements associés d’un onglet enfant lié, si l’un est configuré (voir Enregistrements associés)

Les onglets catalogue prennent en charge la recherche, le tri et la pagination comme un onglet tableau.


Définir le type d’onglet

Lors de la configuration d’un onglet dans le panneau d’administration :

  1. Ouvrez l’éditeur de portail et sélectionnez l’onglet à configurer.
  2. Dans le sélecteur Type d’affichage, choisissez Individuel, Tableau ou Catalogue.
  3. Configurez les colonnes — définissez la colonne d’identification, choisissez les colonnes à afficher, renommez les en-têtes si nécessaire et définissez la direction d’affichage (LTR ou RTL).
  4. Cliquez sur Enregistrer.

Vous pouvez changer le type à tout moment. Les données sous-jacentes restent identiques quel que soit le mode d’affichage.

← Tous les guides