PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Présentation
  • Caractéristiques de la zone répétée (onglet "Général")
  • Nombre maximum de lignes par page
  • Menu contextuel
  • Accès direct aux propriétés des champs
  • Mode d'affichage
  • Sens d'affichage
  • Épaisseur du cadre
  • Mode de fonctionnement et paramètres généraux (onglet "Général")
  • Mode de fonctionnement
  • Nombre maximum de répétitions par page
  • Menu contextuel
  • Accès direct aux propriétés des champs (sans passer par les attributs)
  • Mode d'affichage et ses paramètres (onglet "Détail")
  • Mode d'affichage : Présentation en grille
  • Mode d'affichage : Galerie en ligne
  • Mode d'affichage : Galerie en colonne
  • Style du champ (onglet "Style")
  • Elément "Cadre/Fond" : Épaisseur du cadre
  • Eléments Bouton à gauche, Bouton à droite, Bouton de fermeture
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Autres
Procédures stockées
Présentation
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ. Deux types d'informations peuvent être visualisées :
  • les informations concernant le champ Zone répétée dans son ensemble (il suffit de sélectionner le nom du champ Zone répétée).
  • les informations concernant chacun des attributs de la zone répétée (il suffit de sélectionner le nom d'un des attributs de la zone répétée). Seul l'onglet "Liaison" est alors disponible.
En WEBDEV, différents modes de fonctionnement sont disponibles :
  • Zone répétée classique.
  • Zone répétée Ajax.
    Remarque : Ce type de zone répétée permet de ne pas rafraîchir totalement la page à chaque action serveur. Il permet également une interface plus proche d'une application Windows, en proposant l'utilisation d'ascenseurs pour remplacer la réglette.
  • Versions 17 et supérieures
    Zone répétée Navigateur.
    Remarque : Ce type de zone répétée est totalement manipulable par programmation en code Navigateur. Il peut fonctionner de manière autonome, sans accès au serveur. Ce type de zone répétée est conseillé en mode déconnecté ou dans les sites de type WebApp. Il est également utilisable dans les sites statiques.
    Nouveauté 17
    Zone répétée Navigateur.
    Remarque : Ce type de zone répétée est totalement manipulable par programmation en code Navigateur. Il peut fonctionner de manière autonome, sans accès au serveur. Ce type de zone répétée est conseillé en mode déconnecté ou dans les sites de type WebApp. Il est également utilisable dans les sites statiques.
    Zone répétée Navigateur.
    Remarque : Ce type de zone répétée est totalement manipulable par programmation en code Navigateur. Il peut fonctionner de manière autonome, sans accès au serveur. Ce type de zone répétée est conseillé en mode déconnecté ou dans les sites de type WebApp. Il est également utilisable dans les sites statiques.
Les différents onglets de la fenêtre de description du champ Zone répétée permettent de définir :
  • le mode de fonctionnement et le mode d'affichage (onglet "Général").
  • le mode de remplissage et les ruptures (onglet "Contenu").
  • le style des différents éléments de la zone répétée (onglet "Style").
Remarque : A partir de la version 23, de nouveaux modes d'affichage sont disponibles et permettent de proposer les galeries d'images en ligne ou en colonne.
WEBDEV propose également différents modes d'affichage :
  • Présentation en grille : Ce mode de présentation permet d'afficher les différents champs de la zone répétée sous forme de grille.
  • Versions 23 et supérieures
    Galerie en ligne : Ce mode de présentation permet de réaliser une galerie d'images en ligne.
    Nouveauté 23
    Galerie en ligne : Ce mode de présentation permet de réaliser une galerie d'images en ligne.
    Galerie en ligne : Ce mode de présentation permet de réaliser une galerie d'images en ligne.
  • Versions 23 et supérieures
    Galerie en colonne : Ce mode de présentation permet de réaliser une galerie d'images en colonne.
    Nouveauté 23
    Galerie en colonne : Ce mode de présentation permet de réaliser une galerie d'images en colonne.
    Galerie en colonne : Ce mode de présentation permet de réaliser une galerie d'images en colonne.
Les différents onglets de la fenêtre de description du champ Zone répétée permettent de définir :
  • le mode de fonctionnement et le mode d'affichage (onglet "Général")le mode de fonctionnement (onglet "Général")
  • Versions 23 et supérieures
    le mode d'affichage et son paramétrage (onglet "Détail").
    Nouveauté 23
    le mode d'affichage et son paramétrage (onglet "Détail").
    le mode d'affichage et son paramétrage (onglet "Détail").
  • le mode de remplissage et les ruptures (onglet "Contenu").
  • le style des différents éléments de la zone répétée (onglet "Style").
Caractéristiques de la zone répétée (onglet "Général")

Nombre maximum de lignes par page

Cette option permet de spécifier le nombre maximum de répétitions autorisées sur la page.
Si la zone répétée contient un nombre de lignes supérieur à cette valeur :
  • dans le cas d'une zone répétée classique, un champ Réglette lié au champ Zone répétée peut permettre de visualiser les répétitions supplémentaires.
  • dans le cas d'une zone répétée Ajax, un ascenseur apparaît permettant de visualiser les répétitions supplémentaires.
Si la zone répétée contient un nombre de lignes inférieur à cette valeur :
  • dans le cas d'une zone répétée classique n'utilisant pas le mode zoning, l'espace est conservé pour les répétitions.
  • Versions 17 et supérieures
    dans le cas d'une zone répétée classique utilisant le mode zoning et un ancrage adapté au contenu, l'espace n'est pas conservé pour les répétitions. Les champs positionnés sous la zone répétée sont automatiquement "collés" à la zone répétée.
    Nouveauté 17
    dans le cas d'une zone répétée classique utilisant le mode zoning et un ancrage adapté au contenu, l'espace n'est pas conservé pour les répétitions. Les champs positionnés sous la zone répétée sont automatiquement "collés" à la zone répétée.
    dans le cas d'une zone répétée classique utilisant le mode zoning et un ancrage adapté au contenu, l'espace n'est pas conservé pour les répétitions. Les champs positionnés sous la zone répétée sont automatiquement "collés" à la zone répétée.
  • dans le cas d'une zone répétée Ajax, l'espace est conservé pour les répétitions.
Cette option est disponible uniquement pour les zones répétées classiques et Ajax.
Remarques :
  • Le nombre maximum de lignes par page peut être modifié dynamiquement par programmation grâce à la propriété ..NbLignesParPage.
  • Lors de la création d'une zone répétée fichier, si le nombre de répétitions contenues dans la zone répétée est supérieur au nombre maximum spécifié, une réglette est automatiquement associée à la zone répétée. La réglette permet ainsi d'afficher les différents enregistrements de la zone répétée.

Menu contextuel

Un menu contextuel peut être affiché pour une zone répétée. Ce menu contextuel permet notamment d'exporter le contenu de la zone répétée vers Word, Excel, OpenOffice, XML, ...
Pour afficher ce menu contextuel, cochez l'option "Menu contextuel" (onglet "Général" de la fenêtre de description du champ). Il est également possible de choisir l'image utilisée pour le menu contextuel. Il est conseillé d'utiliser une image avec les dimensions suivantes : 15 x 15 pixels.
Le menu contextuel est disponible uniquement pour les zones répétées classiques et Ajax.
Versions 20 et supérieures

Accès direct aux propriétés des champs

Cette option permet de modifier dynamiquement les propriétés des champs contenus dans la zone répétée sans déclarer un attribut.
Par exemple, pour modifier la couleur de fond d'un libellé contenu dans un champ Zone répétée, la syntaxe suivante peut être utilisée :
ZR_MaZone[nLigne].LIB_MonLibellé..CouleurFond = MaCouleur
Nouveauté 20

Accès direct aux propriétés des champs

Cette option permet de modifier dynamiquement les propriétés des champs contenus dans la zone répétée sans déclarer un attribut.
Par exemple, pour modifier la couleur de fond d'un libellé contenu dans un champ Zone répétée, la syntaxe suivante peut être utilisée :
ZR_MaZone[nLigne].LIB_MonLibellé..CouleurFond = MaCouleur

Accès direct aux propriétés des champs

Cette option permet de modifier dynamiquement les propriétés des champs contenus dans la zone répétée sans déclarer un attribut.
Par exemple, pour modifier la couleur de fond d'un libellé contenu dans un champ Zone répétée, la syntaxe suivante peut être utilisée :
ZR_MaZone[nLigne].LIB_MonLibellé..CouleurFond = MaCouleur

Mode d'affichage

Plusieurs modes d'affichage sont disponibles :
  • Nombre de colonnes fixe. Il suffit d'indiquer le nombre de colonnes à afficher. La zone répétée se répétera horizontalement jusqu'au nombre indiqué avant de se répéter verticalement. Lors de la modification de la largeur de la page par l'internaute, le nombre de colonnes ne variera pas.
    Ce mode d'affichage est disponible pour les zones répétées classiques, Ajax et Navigateur.
  • Nombre de colonnes variable. Le nombre de colonnes évoluera en fonction de la largeur de la page. Lors de la modification de la largeur de la page par l'internaute, le nombre de colonnes augmentera ou diminuera.
    Ce mode d'affichage est disponible pour les zones répétées classiques et Navigateur.
Ces informations sont configurables dans l'onglet "Général" de la description du champ Zone répétée :
Plusieurs modes d'affichage sont disponibles :
  • Colonnes largeur variable. Il suffit d'indiquer le nombre de colonnes à afficher. La zone répétée se répétera horizontalement jusqu'au nombre indiqué avant de se répéter verticalement. Lors de la modification de la largeur de la page par l'internaute, le nombre de colonnes ne variera pas.
  • Colonnes largeur fixe. Le nombre de colonnes évoluera en fonction de la largeur de la page. Lors de la modification de la largeur de la page par l'internaute, le nombre de colonnes augmentera ou diminuera.
    Ce mode d'affichage est disponible pour les zones répétées classiques et Navigateur.
    Il est possible de définir le nombre de colonnes minimal.
    En mode Responsive Web Design, un pictogramme apparaît à droite du champ de saisie du nombre de colonnes minimum : . Ce pictogramme indique que cette valeur est propre à chaque tranche. Vous devez donc modifier cette valeur pour chaque tranche prévue dans la page.
    Versions 22 et supérieures
    Un clic sur ce pictogramme permet de définir les valeurs directement pour chaque tranche via la fenêtre suivante :
    Nouveauté 22
    Un clic sur ce pictogramme permet de définir les valeurs directement pour chaque tranche via la fenêtre suivante :
    Un clic sur ce pictogramme permet de définir les valeurs directement pour chaque tranche via la fenêtre suivante :
Ce mode d'affichage est disponible pour les zones répétées classiques, Ajax et Navigateur.
  • Versions 21 et supérieures
    Nombre de colonnes par tranche. Dans une page en mode Responsive Web Design, le nombre de colonnes pourra évoluer en fonction de la tranche. La largeur de chaque tranche est différente.

    Ce mode d'affichage est disponible pour les zones répétées classiques uniquement.
    Il est ainsi possible d'adapter le nombre de colonnes en fonction de la largeur de la tranche (c'est-à-dire de la taille du navigateur).
    Lors de la sélection de cette option, un pictogramme apparaît à droite du champ de saisie du nombre de colonnes : . Ce pictogramme indique que cette valeur est propre à chaque tranche. Vous devez donc modifier cette valeur pour chaque tranche prévue dans la page.
    Versions 22 et supérieures
    Un clic sur ce pictogramme permet de définir les valeurs directement pour chaque tranche via la fenêtre suivante :
    Nouveauté 22
    Un clic sur ce pictogramme permet de définir les valeurs directement pour chaque tranche via la fenêtre suivante :
    Un clic sur ce pictogramme permet de définir les valeurs directement pour chaque tranche via la fenêtre suivante :

    Ce mode d'affichage est disponible pour les zones répétées classiques uniquement.
    Nouveauté 21
    Nombre de colonnes par tranche. Dans une page en mode Responsive Web Design, le nombre de colonnes pourra évoluer en fonction de la tranche. La largeur de chaque tranche est différente.

    Ce mode d'affichage est disponible pour les zones répétées classiques uniquement.
    Il est ainsi possible d'adapter le nombre de colonnes en fonction de la largeur de la tranche (c'est-à-dire de la taille du navigateur).
    Lors de la sélection de cette option, un pictogramme apparaît à droite du champ de saisie du nombre de colonnes : . Ce pictogramme indique que cette valeur est propre à chaque tranche. Vous devez donc modifier cette valeur pour chaque tranche prévue dans la page.
    Versions 22 et supérieures
    Un clic sur ce pictogramme permet de définir les valeurs directement pour chaque tranche via la fenêtre suivante :
    Nouveauté 22
    Un clic sur ce pictogramme permet de définir les valeurs directement pour chaque tranche via la fenêtre suivante :
    Un clic sur ce pictogramme permet de définir les valeurs directement pour chaque tranche via la fenêtre suivante :

    Ce mode d'affichage est disponible pour les zones répétées classiques uniquement.
    Nombre de colonnes par tranche. Dans une page en mode Responsive Web Design, le nombre de colonnes pourra évoluer en fonction de la tranche. La largeur de chaque tranche est différente.

    Ce mode d'affichage est disponible pour les zones répétées classiques uniquement.
    Il est ainsi possible d'adapter le nombre de colonnes en fonction de la largeur de la tranche (c'est-à-dire de la taille du navigateur).
    Lors de la sélection de cette option, un pictogramme apparaît à droite du champ de saisie du nombre de colonnes : . Ce pictogramme indique que cette valeur est propre à chaque tranche. Vous devez donc modifier cette valeur pour chaque tranche prévue dans la page.
    Versions 22 et supérieures
    Un clic sur ce pictogramme permet de définir les valeurs directement pour chaque tranche via la fenêtre suivante :
    Nouveauté 22
    Un clic sur ce pictogramme permet de définir les valeurs directement pour chaque tranche via la fenêtre suivante :
    Un clic sur ce pictogramme permet de définir les valeurs directement pour chaque tranche via la fenêtre suivante :

    Ce mode d'affichage est disponible pour les zones répétées classiques uniquement.
Ces informations sont configurables dans l'onglet "Général" de la description du champ Zone répétée :
Pour que la zone répétée soit extensible (avec le nombre de colonnes variable), les conditions suivantes doivent être réunies :
  • pas de réglette.
  • Si la page utilise le mode de génération compatible 16, la zone d'accueil de la zone répétée doit être extensible en largeur. Pour cela :
    • Affichez si nécessaire les zones extensibles (Ctrl + I ou l'option "Affichage .. Visualisation des zones extensibles").Affichez si nécessaire les zones extensibles (Ctrl + I ou l'option "Affichage .. Zones extensibles").
    • Cliquez sur le nombre qui apparaît en bas de l'écran, sous la zone répétée. Dans la fenêtre qui apparaît, cliquez sur "Extensible" et indiquez "100 %".
  • Versions 17 et supérieures
    Si la page utilise le mode zoning, la zone répétée doit être ancrée en hauteur et en largeur.
    Nouveauté 17
    Si la page utilise le mode zoning, la zone répétée doit être ancrée en hauteur et en largeur.
    Si la page utilise le mode zoning, la zone répétée doit être ancrée en hauteur et en largeur.
Versions 15 et supérieures

Sens d'affichage

Il est possible de choisir le sens de répétition dans la zone répétée :
  • répétition verticale (par défaut)
  • répétition horizontale et verticale.
Cette option est disponible pour les zones répétées ayant un nombre de colonnes fixe et supérieur à 1.
Cette option n'est pas disponible :
  • pour les zones répétées Ajax
  • Versions 17 et supérieures
    pour les zones répétées Navigateur.
    Nouveauté 17
    pour les zones répétées Navigateur.
    pour les zones répétées Navigateur.
Nouveauté 15

Sens d'affichage

Il est possible de choisir le sens de répétition dans la zone répétée :
  • répétition verticale (par défaut)
  • répétition horizontale et verticale.
Cette option est disponible pour les zones répétées ayant un nombre de colonnes fixe et supérieur à 1.
Cette option n'est pas disponible :
  • pour les zones répétées Ajax
  • Versions 17 et supérieures
    pour les zones répétées Navigateur.
    Nouveauté 17
    pour les zones répétées Navigateur.
    pour les zones répétées Navigateur.

Sens d'affichage

Il est possible de choisir le sens de répétition dans la zone répétée :
  • répétition verticale (par défaut)
  • répétition horizontale et verticale.
Cette option est disponible pour les zones répétées ayant un nombre de colonnes fixe et supérieur à 1.
Cette option n'est pas disponible :
  • pour les zones répétées Ajax
  • Versions 17 et supérieures
    pour les zones répétées Navigateur.
    Nouveauté 17
    pour les zones répétées Navigateur.
    pour les zones répétées Navigateur.

Épaisseur du cadre

Selon le navigateur utilisé, l'épaisseur du cadre des différentes répétitions d'une zone répétée peut être différente.
Par exemple, si l'épaisseur du cadre est inférieure à 3 pixels, cette caractéristique :
  • ne sera pas prise en compte correctement sous Internet Explorer.
  • sera prise en compte correctement sous FireFox.
Mode de fonctionnement et paramètres généraux (onglet "Général")

Mode de fonctionnement

Les différents modes de fonctionnement sont :
Mode de fonctionnement
  • Zone répétée classique.
    En mode classique, à chaque action serveur, la page est totalement rafraîchie.
    Ce mode de fonctionnement propose une réglette optionnelle (pour se déplacer entre les différentes pages des données affichées par le champ).
    Ce mode de fonctionnement est compatible avec n'importe quel mode d'affichage : présentation en grille, galerie en ligne ou galerie en colonne.
  • Zone répétée Ajax.
    Ce type de zone répétée permet de ne pas rafraîchir totalement la page à chaque action serveur. Il permet également une interface plus proche d'une application Windows, en proposant l'utilisation d'ascenseurs pour remplacer la réglette.
    Ce mode de fonctionnement est compatible uniquement avec une présentation en grille.
  • Zone répétée Navigateur.
    Ce type de zone répétée est totalement manipulable par programmation en code Navigateur. Il peut fonctionner de manière autonome, sans accès au serveur.
    Ce type de zone répétée est conseillé en mode déconnecté ou dans les sites de type WebApp. Il est également utilisable dans les sites statiques.
    Ce mode de fonctionnement est compatible uniquement avec une présentation en grille.

Nombre maximum de répétitions par page

Cette option permet de spécifier le nombre maximum de répétitions autorisées sur la page.
Si la zone répétée contient un nombre de répétitions supérieur à cette valeur :
  • dans le cas d'une zone répétée classique, un champ Réglette lié au champ Zone répétée peut permettre de visualiser les répétitions supplémentaires.
  • dans le cas d'une zone répétée Ajax, un ascenseur apparaît permettant de visualiser les répétitions supplémentaires.
Si la zone répétée contient un nombre de répétitions inférieur à cette valeur :
  • dans le cas d'une zone répétée classique n'utilisant pas le mode zoning, l'espace est conservé pour les répétitions.
  • dans le cas d'une zone répétée classique utilisant le mode zoning et un ancrage adapté au contenu, l'espace n'est pas conservé pour les répétitions. Les champs positionnés sous la zone répétée sont automatiquement "collés" à la zone répétée.
  • dans le cas d'une zone répétée Ajax, l'espace est conservé pour les répétitions.
Cette option est disponible uniquement pour les zones répétées classiques et Ajax.
Remarques :
  • Le nombre maximum de répétitions par page peut être modifié dynamiquement par programmation grâce à la propriété ..NbLignesParPage.
  • Lors de la création d'une zone répétée fichier, si le nombre de répétitions contenues dans la zone répétée est supérieur au nombre maximum spécifié, une réglette est automatiquement associée à la zone répétée. La réglette permet ainsi d'afficher les différents enregistrements de la zone répétée.

Menu contextuel

Un menu contextuel peut être affiché pour une zone répétée. Ce menu contextuel permet notamment d'exporter le contenu de la zone répétée vers Word, Excel, OpenOffice, XML, ...
Pour afficher ce menu contextuel, cochez l'option "Avec menu contextuel". Il est également possible de choisir l'image utilisée pour le menu contextuel. Il est conseillé d'utiliser une image avec les dimensions suivantes : 15 x 15 pixels.
Le menu contextuel est disponible uniquement pour les zones répétées classiques et Ajax.

Accès direct aux propriétés des champs (sans passer par les attributs)

Cette option permet de modifier dynamiquement les propriétés des champs contenus dans la zone répétée sans déclarer un attribut.
Par exemple, pour modifier la couleur de fond d'un libellé contenu dans un champ Zone répétée, la syntaxe suivante peut être utilisée :
ZR_MaZone[nLigne].LIB_MonLibellé..CouleurFond = MaCouleur
Mode d'affichage et ses paramètres (onglet "Détail")

Mode d'affichage : Présentation en grille

Si le champ Zone répétée présente les données sous forme de grille, plusieurs modes sont disponibles :
  • En mode Zoning :
    • Nombre de colonnes fixe / Remplissage en ligne.
      Il suffit d'indiquer le nombre de colonnes à afficher. La zone répétée se répétera horizontalement jusqu'au nombre indiqué avant de se répéter verticalement. Lors de la modification de la largeur de la page par l'internaute, le nombre de colonnes ne variera pas.
      Ce mode d'affichage est disponible pour les zones répétées classiques, Ajax et Navigateur.
    • Nombre de colonnes variable / Remplissage en ligne.
      Le nombre de colonnes évoluera en fonction de la largeur de la page. Lors de la modification de la largeur de la page par l'internaute, le nombre de colonnes augmentera ou diminuera.
      Il est possible de définir le nombre de colonnes minimal.
      Ce mode d'affichage est disponible pour les zones répétées classiques et Navigateur.
    • Nombre de colonnes fixe / Remplissage en colonne.
      Il suffit d'indiquer le nombre de colonnes à afficher (supérieur à 1). La zone répétée se répétera verticalement avant de se répéter horizontalement. Lors de la modification de la largeur de la page par l'internaute, le nombre de colonnes ne variera pas.
      Ce mode d'affichage est disponible pour les zones répétées classiques.
  • En mode Responsive Web Design :
    • Colonnes largeur variable.
      Il suffit d'indiquer le nombre de colonnes à afficher. La zone répétée se répétera horizontalement jusqu'au nombre indiqué avant de se répéter verticalement. Lors de la modification de la largeur de la page par l'internaute, le nombre de colonnes ne variera pas.
      Ce mode d'affichage est disponible pour les zones répétées classiques, Ajax et Navigateur.
    • Colonnes largeur fixe.
      Le nombre de colonnes évoluera en fonction de la largeur de la page. Lors de la modification de la largeur de la page par l'internaute, le nombre de colonnes augmentera ou diminuera.
      Le nombre de colonnes minimal de colonnes doit être spécifié. Un pictogramme () indique que cette valeur est propre à chaque tranche. Vous devez donc modifier cette valeur pour chaque tranche prévue dans la page.
      Un clic sur ce pictogramme permet de définir les valeurs directement pour chaque tranche via la fenêtre suivante :

      Ce mode d'affichage est disponible pour les zones répétées classiques.
    • Nombre de colonnes par tranche. Dans une page en mode Responsive Web Design, le nombre de colonnes pourra évoluer en fonction de la tranche. La largeur de chaque tranche est différente.
      Ce mode d'affichage est disponible pour les zones répétées classiques uniquement.
      Il est ainsi possible d'adapter le nombre de colonnes en fonction de la largeur de la tranche (c'est-à-dire de la taille du navigateur).
      Lors de la sélection de cette option, un pictogramme apparaît à droite du champ de saisie du nombre de colonnes : . Ce pictogramme indique que cette valeur est propre à chaque tranche. Vous devez donc modifier cette valeur pour chaque tranche prévue dans la page.
      Versions 22 et supérieures
      Un clic sur ce pictogramme permet de définir les valeurs directement pour chaque tranche via la fenêtre suivante :
      Nouveauté 22
      Un clic sur ce pictogramme permet de définir les valeurs directement pour chaque tranche via la fenêtre suivante :
      Un clic sur ce pictogramme permet de définir les valeurs directement pour chaque tranche via la fenêtre suivante :

      Ce mode d'affichage est disponible pour les zones répétées classiques et navigateur.

Mode d'affichage : Galerie en ligne

Si le champ Zone répétée présente les données sous forme galerie en ligne, plusieurs options sont disponibles :
  • Champ de référence pour la largeur : Permet de définir le champ de la zone répétée qui sera utilisé comme référence pour la largeur des images affichées dans la ligne. Ce champ peut être un champ Image, Image cliquable ou Vignette. Si l'image source est plus petite que les dimensions définies sous l'éditeur, l'image en exécution aura les dimensions du champ de référence.
  • Au clic, ouvrir une popup de défilement automatique : Permet d'afficher automatiquement une popup permettant de faire défiler les différents éléments de la galerie. Cette popup contient :
    • les éléments de la répétition.
    • un bouton "Fermer" et des flèches suivant et précédent. Ces éléments sont configurables via l'onglet "Style" de la fenêtre de description du champ Zone répétée (éléments "Bouton à gauche", "Bouton à droite" et "Bouton de fermeture").
  • Animer la réorganisation des cellules au redimensionnement : Permet d'obtenir un effet lors de la réorganisation des répétitions en cas de redimensionnement du navigateur. La durée de cette animation peut être spécifiée. Cette valeur peut être modifiée par programmation grâce à la propriété ..DuréeAnimation.
Pour plus de détails sur le fonctionnement d'une zone répétée en mode galerie, consultez Zone répétée Galerie.

Mode d'affichage : Galerie en colonne

Si le champ Zone répétée présente les données sous forme de galerie en colonne, plusieurs modes sont disponibles :
  • Nombre de colonnes fixe / largeur variable.
    La zone répétée se répétera horizontalement jusqu'au nombre indiqué avant de se répéter verticalement. Lors de la modification de la largeur de la page par l'internaute, le nombre de colonnes ne variera pas.
    Ce mode d'affichage est disponible pour les zones répétées classiques.
    Le nombre de colonnes à afficher doit être spécifié.
  • Nombre de colonnes variable / largeur variable.
    Le nombre de colonnes évoluera en fonction de la largeur de la page. Lors de la modification de la largeur de la page par l'internaute, le nombre de colonnes augmentera ou diminuera.
    Ce mode d'affichage est disponible pour les zones répétées classiques.
  • Nombre de colonnes variable / Largeur fixe.
    La zone répétée se répétera horizontalement puis verticalement. Lors de la modification de la largeur de la page par l'internaute, le nombre de colonnes pourra varier ainsi que la largeur de chaque répétition.
    Ce mode d'affichage est disponible pour les zones répétées classiques. En mode Responsive Web Design, le pictogramme indique que cette valeur est propre à chaque tranche. Vous devez donc modifier cette valeur pour chaque tranche prévue dans la page. Un clic sur ce pictogramme permet de définir les valeurs directement pour chaque tranche via la fenêtre suivante :
Des options spécifiques à la galerie en colonne sont également disponibles :
  • Champ de référence pour la hauteur : Permet de définir le champ de la zone répétée qui sera utilisé comme référence pour la hauteur des images affichées dans la ligne. Ce champ peut être un champ Image, Image cliquable ou Vignette. Si l'image source est plus petite que les dimensions définies sous l'éditeur, l'image en exécution aura les dimensions du champ de référence.
  • Au clic, ouvrir une popup de défilement automatique : Permet d'afficher automatiquement une popup permettant de faire défiler les différents éléments de la galerie. Cette popup contient :
    • les éléments de la répétition.
    • un bouton "Fermer" et des flèches suivant et précédent. Ces éléments sont configurables via l'onglet "Style" de la fenêtre de description du champ Zone répétée (éléments "Bouton à gauche", "Bouton à droite" et "Bouton de fermeture").
  • Animer la réorganisation des cellules au redimensionnement : Permet d'obtenir un effet lors de la réorganisation des répétitions en cas de redimensionnement du navigateur. La durée de cette animation peut être spécifiée.
Pour plus de détails sur le fonctionnement d'une zone répétée en mode galerie, consultez Zone répétée Galerie.
Style du champ (onglet "Style")

Elément "Cadre/Fond" : Épaisseur du cadre

Selon le navigateur utilisé, l'épaisseur du cadre des différentes répétitions d'une zone répétée peut être différente.
Par exemple, si l'épaisseur du cadre est inférieure à 3 pixels, cette caractéristique :
  • ne sera pas prise en compte correctement sous Internet Explorer.
  • sera prise en compte correctement sous FireFox.

Eléments Bouton à gauche, Bouton à droite, Bouton de fermeture

Les éléments "Bouton à gauche", "Bouton à droite" et "Bouton de fermeture" permettent de personnaliser les éléments de la fenêtre popup affichant l'image lors d'un parcours automatique des images (galerie d'images en ligne ou en colonne).
Liste des exemples associés :
Le champ Zone répétée (afficher les bornes) Exemples unitaires (WEBDEV) : Le champ Zone répétée (afficher les bornes)
[ + ] Affichage des bornes d'une zone répétée avec réglette personnalisée.
Affichage / dissimulation d'une zone de saisie Exemples unitaires (WEBDEV) : Affichage / dissimulation d'une zone de saisie
[ + ] Affichage d'une zone de saisie à l'aide d'une zone répétée.
L'ajout d'une zone de saisie se fait par l'ajout d'une ligne dans la zone répétée.
Le champ Zone répétée (bandeau de sélection) Exemples unitaires (WEBDEV) : Le champ Zone répétée (bandeau de sélection)
[ + ] Simulation d'un bandeau de sélection dans une zone répétée.
Le champ Zone Répétée (modifier le nombre de lignes affichées) Exemples unitaires (WEBDEV) : Le champ Zone Répétée (modifier le nombre de lignes affichées)
[ + ] Modification du nombre de lignes affichées dans une zone Répétée.
Le champ Zone Répétée Ajax Exemples unitaires (WEBDEV) : Le champ Zone Répétée Ajax
[ + ] Utilisation des zones répétées Ajax. Cet exemple permet de :
- Vider la zone répétée
- Remplir la zone répétée
- Trier la zone répétée
Le champ Zone Répétée Ajax en PHP Exemples unitaires (WEBDEV) : Le champ Zone Répétée Ajax en PHP
[ + ] Utilisation des zones répétées Ajax en PHP.
Cet exemple permet de :
- Vider la zone répétée
- Remplir la zone répétée
- Trier la zone répétée
webmillion Exemples complets (WEBDEV) : webmillion
[ + ] Dans cet exemple, nous abordons les principaux thèmes suivants :
1/ Utilisation des requêtes
2/ Utilisation des zones répétées "fichier" en parcours automatique
3/ Utilisation des zones répétées "fichier" en parcours manuel

Résumé de l'exemple livré avec WEBDEV :
Cette application Web réalisée avec WEBDEV permet de visualiser, de rechercher et de commander des TShirt.
Une fois la commande établie, il est possible d'utiliser le module PayBox de paiement sécurisé.

Cet exemple contient une page permettant de générer un fichier de données contenant un grand nombre d'enregistrements.
Version minimum requise
  • Version 9
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire