Test Isotope Tags

Cette page permet de montrer les capactités du Composant CG Isotope.

Dans cet exemple, nous utilisons des Liens Web, filtrables par catégorie et tags. Au niveau des tags, nous avons sélectionné le mode multi-select exclusif : seuls les articles ayant toutes les propriétés sélectionnées seront affichés. Le module de recherche ainsi que la possibilité de tri par catégorie ou en ordre alphabétique ont été ajoutés.

Un peu de CSS permet d'ajouter des "coches" sur les tags sélectionnés, de supprimer le bouton "tout" pour les tags, d'ajouter des séparations dans les tags et de mettre un peu d'ombre sur les articles.

Les sections ont été définies comme suit:

  • Section Recherche : ligne 1, position 1, largeur 3
  • Section Filtre Catégorie: ligne 1, position 2, largeur 6
  • Section Tri : ligne 1, position 3, largeur 3
  • Section Filtre Tags: ligne 2, position 1, largeur 3
  • Section Articles : ligne 2, position 2, largeur 9

This page shows you some CG Isotope Component capabilities.

In this example, we display WebLinks, filtered by categories and Tags. For the tags buttons, we choosed "multi-select exclusif" mode : we display articles which match all selected buttons. We also have a search edit and sort buttons (categories or alphabetical order).

Some CSS codes to add a tick to selected tags, to hide "all" button in the tags list, to add a tags separation text and to add shadow under articles.

Sections parameters are:

  • Search : line 1, order 1, width 3
  • Categories filter: line 1, order 2, width 6
  • Sort : line 1, order 3, width 3
  • Tags Filter: line 2, order 1, width 3
  • Articles : line 2, order 2, width 9
DANSE GYM EPGV CERESTEAdulte Senior
Créé 12/05/2015 - Alpes de Haute Provence - 1065 visites
CERESTE Salle Polyvalente 06.00.00.00.00 Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.
GV DE BRAS D'ASSEAdulte Senior
Créé 12/05/2015 - Alpes de Haute Provence - 1117 visites
BRAS D'ASSE Salle Polyvalente 06.00.00.00.00 Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.  
GV SECTION ATELIERS EPGVAdulte Senior Label EPGV Qualité Club
Créé 12/05/2015 - Alpes de Haute Provence - 1068 visites
VOLONNE 06.00.00.00.00 Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.
SPORT SANTE ECRINSAdulte Senior
Créé 12/05/2015 - Hautes Alpes - 1118 visites
L'ARGENTIERE LA BESSEE 06.00.00.00.00 Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.
SPORTS LOISIRS EMBRUNAISEnfant 3/6 ans Enfant 6/12 ans Adulte Senior Activités extérieures Activités aquatiques Activités Gym'Santé Label EPGV Qualité Club
Créé 12/05/2015 - Hautes Alpes - 1149 visites
EMBRUN Embrun et communes voisines 06.00.00.00.00 Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.
L'ESSENCE CIELEnfant 6/12 ans Adulte Senior Activités extérieures
Créé 12/05/2015 - Hautes Alpes - 1102 visites
GAP Gap, Neffes, Espinasse 06.00.00.00.00 Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.
B2S BIEN-ÊTRE SPORT SANTEAdulte Senior Activités extérieures Activités Gym'Santé
Créé 12/05/2015 - Alpes Maritimes - 1347 visites
ANTIBES Parc de la Valmasque (Valbonne) / Canal de Gairault (Nice)  06.00.00.00.00 Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.
Un peu vide, non ? trop de filtres utilisés ?


CG Isotope version 4.2.17 , texte ajouté en bas d'après une idée de Loïc (alias Lomart)