Composants de base foundation-components

Configurer les propriétés

Modifier le contenu

Modifier le contenu - Mode plein écran

Image

• Image
  Faites glisser une image à partir de l’outil de recherche de contenu ou cliquez pour ouvrir une fenêtre de recherche dans laquelle vous pouvez charger une image. Ensuite, vous pouvez la recadrer, la faire pivoter ou la supprimer. Pour effectuer un zoom avant ou arrière sur l’image, utilisez le curseur situé sous l’image (au-dessus des boutons OK et Annuler).

• Recadrer
  Écrêtez une partie d’une image. Faites glisser la bordure pour recadrer l’image.

• Rotation
  Cliquez plusieurs fois sur Rotation pour faire pivoter l’image dans la position souhaitée.

• Effacer
  Permet de supprimer l’image actuelle.

Avancé

• Titre
  Le composant Image adaptative n’utilise pas cette propriété.

• Texte de remplacement
  Texte secondaire à utiliser pour l’image.

• Lier à
  Le composant Image adaptative n’utilise pas cette propriété.

• Description
  Le composant Image adaptative n’utilise pas cette propriété.

Carrousel
Vous spécifiez ici la manière dont le carrousel fonctionne :

• Vitesse de lecture
  Le temps en millisecondes avant l’affichage de la diapositive suivante.
• Temps de transition
  Le temps en millisecondes de transition entre deux diapositives.
• Type des commandes
  Diverses options sont disponibles dans un menu déroulant ; par exemple, les boutons Précédent/Suivant ou les commutateurs haut-droit.

Liste

Vous spécifiez ici la manière dont les pages sont incluses dans votre carrousel :

• Créer la liste à l’aide de
  Il existe plusieurs façons de créer une liste de pages : Pages enfants, Liste fixe, Recherche ou Recherche avancée (toutes décrites ci-dessous). Quelle que soit la méthode choisie, les pages que vous incluez dans votre liste doivent déjà être associées à une image. C’est cette image qui s’affiche dans le carrousel. S’il n’existe aucune image pour une page donnée sous les Propriétés de page de cette page, vous devez associer une image à la page avant de commencer. Dans le cas contraire, le carrousel affiche une page principalement vierge. Voir Modifier les propriétés de page.
  Selon l’élément que vous choisissez, un nouveau panneau s’affiche :

  • Options des pages enfants

    • Page parente
      Spécifiez un chemin d’accès manuellement ou à l’aide du sélecteur. Laissez vide pour utiliser la page actuelle comme page parente.

  • Options de la liste fixe

    • Pages
      Sélectionnez une liste de pages. Utilisez + pour ajouter d’autres entrées et les boutons haut/bas pour ajuster l’ordre.

  • Options de recherche

    • Démarrer dans
      Spécifiez un chemin de départ manuellement ou à l’aide du sélecteur.

    • Requête de recherche
      Entrez une requête de recherche en texte brut.

  • Options de la recherche avancée

    • Notation de prédicat QueryBuilder
      Vous pouvez saisir une requête de recherche à l’aide de la notation de prédicat QueryBuilder. Par exemple, vous pouvez saisir « fulltext=Marketing » pour que toutes les pages contenant « Marketing » dans leur contenu s’affichent dans le carrousel.
      Consultez API QueryBuilder pour découvrir une étude complète sur les expressions de requête et d’autres exemples.

• Classer par
  Sélectionnez jcr:title, jcr:created, cq:lastModified, ou cq:template dans le menu déroulant.

• Limite
  Facultatif. Nombre maximal d’éléments que vous souhaitez utiliser dans le carrousel.

Données

• Données de graphique
  Ajoutez vos données de graphique au format CSV ; une virgule (« , ») est utilisée comme séparateur de valeurs.

Avancé

• Type de graphique
  Effectuez un choix parmi les types suivants : Histogramme, Graphique en secteurs et Graphique en courbe.

• Texte secondaire
  Affiche un texte secondaire au lieu du graphique.

• Largeur
  Largeur du graphique en pixels.

• Hauteur
  Hauteur du graphique en pixels.

Télécharger

• Description
  Courte description affichée avec le lien de téléchargement.

• Fichier
  Fichier disponible au téléchargement sur la page web qui en résulte. Faites glisser une ressource à partir de l’outil de recherche de contenu ou sélectionnez la zone afin de télécharger le fichier à télécharger.

Externe

• Application cible
  Indiquez l’URL de l’application Web à intégrer, par exemple :

  code language-none
  https://en.wikipedia.org/wiki/Main_Page

• Transmettre les paramètres
  Cochez les cases correspondant aux paramètres à transmettre à l’application, lorsque cela s’avère nécessaire.

• Largeur et Hauteur
  Définissez la taille de l’iframe.

Flash

• Animation Flash

  Fichier d’animation Flash. Faites glisser une ressource à partir de l’outil de recherche de contenu ou cliquez pour ouvrir une fenêtre de navigation.

• Taille

  Dimensions en pixels de la zone d’affichage contenant l’animation.

Image de remplacement

Autre image à afficher.

Avancé

• Menu contextuel

  Indique si le menu contextuel doit être affiché ou masqué.

• Mode Fenêtre

  Permet de spécifier comment la fenêtre doit apparaître (opaque, transparente ou comme une fenêtre distincte, par exemple).

• Couleur d’arrière-plan

  Couleur de fond sélectionnée à partir de la palette de couleurs fournie.

• Version minimale

  Version minimale d’Adobe Flash Player requise pour exécuter l’animation. La valeur par défaut est 9.0.0.

• Attributs

  Tous les autres attributs obligatoires.

Map

Pour mapper une image, sélectionnez Mapper. Vous pouvez spécifier ensuite comment créer la zone cliquable (rectangle, polygone, etc.) et l’emplacement sur lequel la zone doit pointer.

Recadrer

Pour supprimer une partie d’une image, sélectionnez Recadrer. Utilisez la souris pour effectuer le recadrage.

Rotation

Pour faire pivoter une image, sélectionnez Rotation. Répétez l’opération jusqu’à ce que l’image ait pivoté comme vous le souhaitez.

Effacer

Permet de supprimer l’image actuelle.

Titre

Titre de l’image.

Texte de remplacement

Texte de remplacement à utiliser lors de la création de contenu accessible.

Lier à

Créez un lien vers les ressources ou d’autres pages de votre site Web.

Description

Description de l’image.

Taille

Permet de définir la hauteur et la largeur de l’image.

Liste

• Construire la liste avec

  Vous indiquez ici où la liste doit récupérer son contenu. Il existe plusieurs méthodes :

• Selon l’élément que vous choisissez, un nouveau panneau s’affiche :

  • Options des pages enfants

    • Enfants de (Page parente)

      Spécifiez un chemin manuellement ou à l’aide du sélecteur. Laisser ce champ vide pour utiliser la page active en tant que Parent.

  • Options de la liste fixe

    • Pages

      Sélectionnez une liste de pages. Utilisez + pour ajouter d’autres entrées et les boutons haut/bas pour ajuster l’ordre.

  • Options de recherche

    • Démarrer dans

      Spécifiez un chemin de départ manuellement ou à l’aide du sélecteur.

    • Requête de recherche

      Vous pouvez entrer une requête de recherche en texte brut.

  • Options de la recherche avancée

    • Notation des prédicats de QueryBuilder

      Vous pouvez saisir une requête de recherche à l’aide de la notation de prédicat de QueryBuilder. Par exemple, vous pouvez saisir « fulltext=Marketing » pour que toutes les pages comportant « Marketing » dans leur contenu s’affichent dans le carrousel.

      Consultez API QueryBuilder pour découvrir une étude complète sur les expressions de requête et d’autres exemples.

  • Balises

    Permettent de spécifier la page parente, les balises/mots-clés et vos critères de correspondance requis.

• Afficher comme

  Permet de spécifier comment les éléments doivent être répertoriés (Liens, Teasers et Actualités).

• Classer par

  Permet de spécifier si la liste doit être classée. Si c’est le cas, indique les critères à utiliser pour le tri. Vous pouvez saisir un critère ou en sélectionner un dans la liste déroulante fournie à cet effet.

• Limite

  Permet de spécifier le nombre maximal d’éléments à afficher dans la liste.

• Activer le flux

  Indique si un flux RSS doit être activé pour la liste.

• Paginer après

  Vous pouvez indiquer ici le nombre d’éléments de la liste à afficher simultanément. Une liste comportant plus d’éléments que spécifié utilise la pagination pour s’afficher en plusieurs parties.

Se connecter

• Libellé de section

  Texte d’introduction pour les champs de saisie.

• Libellé du nom de l’utilisateur

  Texte pour étiqueter le champ de nom d’utilisateur.

• Libellé du mot de passe

  Texte pour étiqueter le champ du mot de passe.

• Libellé du bouton Se connecter

  Texte du bouton de connexion.

• Rediriger vers

  Vous pouvez spécifier la page de votre site Web qui doit s’ouvrir une fois l’utilisateur connecté.

Déjà connecté

• Libellé du bouton Continuer

  Texte indiquant que l’utilisateur ou l’utilisatrice est déjà connecté.

Titre

• Titre

  Spécifiez le texte du titre à afficher.

• Lien

  Spécifiez la page (produit) pour laquelle le statut de la commande doit être affiché.

• Type / Taille

  Faites votre choix dans la sélection fournie.

Référence de paragraphe

• Référence

  Spécifiez le chemin d’accès à la page et au paragraphe à référencer (y compris le contenu).

Rechercher

• Types de nœuds

  Si la recherche doit se limiter à un type de nœud spécifique, indiquez-le ici. Par exemple, cq:Page.

• Chemin d’accès de la recherche

  Indiquez la page racine de la branche que vous souhaitez rechercher.

• Texte du bouton de recherche

  Nom affiché sur le bouton de recherche actuel.

• Texte des statistiques

  Texte affiché au-dessus des résultats de la recherche.

• Texte Aucun résultat

  Si la recherche ne renvoie aucun résultat, le texte entré ici est affiché.

• Vérifier l’orthographe du texte

  Si une personne saisit un terme similaire, ce texte est affiché devant le terme.
  Par exemple, si vous saisissez Geometrixxe, le système affiche « Vouliez-vous dire ? Geometrixx ».

• Texte Pages similaires

  Texte affiché à côté d’un résultat pour des pages similaires. Pour afficher les pages ayant un contenu similaire, cliquez sur ce lien.

• Texte Recherches connexes

  Texte affiché à côté des recherches de termes et sujets associés.

• Texte Tendances des recherches

  Le titre situé au-dessus des termes de recherche entrés par un utilisateur ou une utilisatrice.

• Libellé Pages de résultats

  Texte qui apparaît en bas de cette liste avec des liens vers d’autres pages de résultats.

• Libellé Précédent

  Nom qui apparaît sur le lien vers les pages de recherche précédentes.

• Libellé Suivant

  Nom qui apparaît sur le lien vers les pages de recherche suivantes.

Plan du site

• Chemin racine

  Chemin d’accès à partir duquel la liste doit commencer.

Diapositives

• Nouvelle diapositive

  Spécifiez une sélection de diapositives à l’aide des boutons Ajouter (et Supprimer).

• Titre

  Indiquez un titre, si nécessaire. Le titre est superposé sur la diapositive appropriée.

Avancé

• Taille

  Permet de spécifier la largeur et la hauteur en pixels.

Balises à afficher

Emplacement à partir duquel les balises à afficher sont rassemblées. Faites votre choix entre une page, une page avec tous les enfants ou toutes les balises.

Page

Sélectionnez la page à référencer.

Aucun lien sur les balises

Permet de spécifier si les balises affichées doivent se comporter comme des liens.

Styles de composant (Styles)

Vous pouvez aligner ici l’image à droite ou à gauche. Le paramètre par défaut est aligné à Gauche, avec l’image à gauche.

Propriétés de l’image (Propriétés d’image avancées)

Permet de spécifier les éléments suivants :

• Ressource image

  Téléchargez l’image requise.

• Titre

  Titre du bloc, affiché en pointant la souris.

• Texte de remplacement

  Texte de remplacement à afficher lorsque l’image ne peut pas être affichée. Si rien n’est indiqué, le titre est utilisé.

• Lier à

  Spécifiez un chemin cible.

• Description

  Description de l’image.

• Taille

  Définit la hauteur et la largeur de l’image.

Titre

Si vous voulez utiliser un nom différent du titre de la page, saisissez-le ici.

Lien

URI si le titre doit se comporter comme un lien.

Type / Taille

Sélectionnez Petit ou Grand dans la liste déroulante. L’option Petit est générée sous forme d’image. L’option Grand est générée sous forme de texte.

Vidéo

• Ressource vidéo

  Chargez ou déposez la ressource vidéo.

• Taille

  La taille native de la vidéo (largeur x hauteur en pixels) s’affiche dans les cases en regard de la Taille (voir ci-dessus). Saisissez ici manuellement la largeur et la hauteur pour remplacer les dimensions natives de la vidéo. Sélectionner OK ferme la boîte de dialogue.

Contrôle de colonne

• Disposition des colonnes

  Sélectionnez le nombre de colonnes à afficher. Une fois créée, chaque colonne dispose de son propre lien pour faire glisser des composants ou des ressources lors de l’ajout de contenu.

Formulaire

Le composant Formulaire définit le début et la fin d’un nouveau formulaire dans la page. D’autres composants peuvent ensuite être placés entre ces éléments, tels que des tableaux et des téléchargements.

Champs et éléments de formulaire

Les champs et éléments de formulaire peuvent inclure des champs de texte, des boutons radio et des images. L’utilisateur exécute souvent une action dans un champ de formulaire (saisie de texte, par exemple). Pour plus d’informations, reportez-vous à la section Éléments de formulaire individuels.

Composants de profil

Les composants de profil se rapportent aux profils du visiteur ou de la visiteuse utilisés pour la fonction de Social Collaboration et d’autres domaines dans lesquels la personnalisation des visiteurs et des visiteuses est requise.

Titre et texte

Cet onglet vous invite à renseigner des informations de base, telles que le titre du formulaire et tout texte d’accompagnement. Le cas échéant, il vous permet également d’apporter d’autres informations essentielles ; par exemple, s’il s’agit d’un champ à sélection multiple ou encore les différents éléments pouvant être sélectionnés.

Valeurs initiales

Permet de spécifier une valeur par défaut.

Contraintes

Permet d’indiquer si un champ est obligatoire et les contraintes qui lui sont appliquées (doit être numérique, par exemple).

Style

Indique la taille et le style des champs.

Titre et texte

• Nom de l’élément

  Nom de l’élément de formulaire. Indique l’emplacement de stockage des données dans le référentiel.
  Ce champ est obligatoire et ne doit contenir que les caractères suivants :

  • caractères alphanumériques
  • _ . / : -

• Titre

  Titre affiché avec le champ. Si rien n’est indiqué, le titre par défaut s’affiche.

• Description

  Vous permet de fournir des informations supplémentaires relatives à l’utilisateur ou l’utilisatrice, si nécessaire. Sur le formulaire, il s’affiche sous le champ, dans une police plus petite que le titre.

• Afficher/Masquer

  Détermine le moment où le champ est visible.

Valeurs initiales

• Valeur par défaut

  Valeur affichée dans le champ à l’ouverture du formulaire. C’est-à-dire avant que l’utilisateur ou l’utilisatrice n’ait saisi des données.

Contraintes

• Requis

  Les contraintes dépendent du type de composant de formulaire mais fournissent une ou plusieurs cases à cocher pour indiquer que ce champ ou certaines parties de ce champ sont obligatoires.

• Message obligatoire

  Message informant les utilisateurs et utilisatrices que ce champ est obligatoire. Un champ obligatoire est également marqué d’un astérisque.

• Contrainte

  Les contraintes disponibles à sélectionner dépendent du type de composant de formulaire.

• Message de contrainte

  Message qui informe les utilisateurs de ce qui est obligatoire.

Style

• Taille

  En lignes et en colonnes.

• Largeur

  En pixels.

• CSS

Formulaire

• Page de remerciement

  Page à référencer pour remercier les visiteurs pour leur message. Si aucune donnée n’est saisie, le formulaire s’affiche à nouveau lors de l’envoi.

• Démarrer le workflow

  Détermine quel workflow est déclenché une fois le formulaire envoyé.

Avancé

• Type d’action

  Un formulaire requiert une action. L’action définit l’opération déclenchée avec les données soumises par l’utilisateur (semblable à action= en langage HTML). Certains ont besoin d’une Configuration d’action.
  Plusieurs types d’action sont inclus dans une installation AEM standard :

  • Demande de compte

  • Créer le contenu

  • Créer un prospect

  • Créer un compte et le mettre à jour

  • Service de messagerie électronique : créer un abonné et l’ajouter à la liste

  • Service de messagerie électronique : envoyer un message de répondeur automatique

  • Service de messagerie électronique : désabonner l’utilisateur de la liste

  • Modifier la communauté

  • Modifier les ressources

  • Modifier les ressources contrôlées du workflow

  • Courrier

  • Détails de la commande passée

  • Mise à jour du profil

  • Réinitialiser le mot de passe

  • Définir le mot de passe

  • Stocker le contenu

    Type d’action par défaut.

  • Stocker le contenu avec les chargements

  • Envoyer la commande

  • Désabonner l’abonné

  • Mettre à jour la commande

• Identifiant de formulaire

  L’identifiant du formulaire l’identifie de façon unique. Utilisez cet identifiant si plusieurs formulaires figurent sur une seule page ; assurez-vous qu’ils présentent des identifiants différents.

• Chemin de chargement

  Chemin d’accès aux propriétés de nœud, utilisé pour charger les valeurs prédéfinies dans les champs du formulaire.

  Champ facultatif permettant de spécifier le chemin vers un nœud dans le référentiel. Lorsque ce nœud comporte des propriétés qui correspondent aux noms des champs, les champs adéquats du formulaire sont préchargés avec la valeur de ces propriétés. S’il n’existe aucune correspondance, le champ contient la valeur par défaut.

  Le champ Chemin de chargement vous permet de précharger des valeurs dans les champs obligatoires du formulaire. Consultez Préchargement des valeurs de formulaire.

• Validation du client

  Indique si la validation du client ou de la cliente est requise pour ce formulaire (la validation du serveur est toujours effectuée). La validation du client ou de la cliente peut être réalisée à l’aide du composant captcha dans les formulaires.

• Type de ressource de validation

  Définit le type de ressource de validation si vous souhaitez valider la totalité du formulaire (et non des champs séparés). Si vous validez le formulaire dans son intégralité, vous devez également inclure l’un des éléments suivants :

  • Un script pour la validation du client

    /apps/<*myApp*>/form/<*myValidation*>/formclientvalidation.jsp

  • Un script pour la validation du côté serveur

    /apps/<*myApp*>/form/<*myValidation*>/formservervalidation.jsp

• Configuration de l’action

  Les options disponibles dans Configuration d’action dépendent du Type d’action sélectionné :

  • Demande de compte

    • Page Créer un compte

      Page utilisée lors de la création d’un compte.

  • Créer le contenu

    • Chemin d’accès au contenu

      Chemin d’accès à tout type de contenu utilisé par le formulaire. Saisissez un chemin qui se termine par une barre oblique /. La barre oblique signifie que, pour chaque port de formulaire, un nouveau nœud est créé à l’emplacement indiqué, par exemple :

      /forms/feedback/

    • Type

      Sélectionnez le type requis.

    • Formulaire

      Spécifiez le formulaire.

    • Rendu avec

      Sélectionnez l’option désirée dans la liste.

    • Type de ressource

      S’il est défini, il est ajouté à chaque commentaire sous la forme sling:resourceType.

    • Sélecteur d’affichage

  • Créer un prospect

    • Le prospect est ajouté à cette liste

      Spécifiez la liste de prospects requise.

  • Créer un compte et le mettre à jour

    • Groupe initial

      Groupe auquel affecter un nouvel utilisateur ou une nouvelle utilisatrice.

    • Accueil

      Page à afficher après une connexion réussie.

    • Chemin

      Chemin (relatif) vers l’emplacement de création et de stockage du nouveau compte.

    • Afficher des données…

      Cliquez sur ce bouton pour accéder aux informations sur les résultats de formulaire dans l’éditeur en bloc. Vous avez alors la possibilité d’exporter les informations vers un fichier .tsv (séparé par des tabulations) (en vue de l’utiliser, par exemple, dans une feuille de calcul Excel).

  • Courrier

    • De

      Saisissez l’adresse e-mail d’où est envoyé l’e-mail.

    • Envoyer à

      Saisissez une ou plusieurs adresses e-mail auxquelles le formulaire doit être envoyé.

    • CC

      Saisissez une ou plusieurs adresses e-mail à inclure en copie (cc).

    • CCI

      Saisissez une ou plusieurs adresses e-mail à inclure en copie cachée (cci).

    • Objet

      Saisissez l’objet de l’e-mail.

  • Réinitialiser le mot de passe

    • Page Changer le mot de passe

      Page utilisée lors de la modification du mot de passe.

  • Stocker le contenu

    • Chemin d’accès au contenu

      Chemin d’accès à tout type de contenu utilisé par le formulaire. Saisissez un chemin qui se termine par une barre oblique /. La barre oblique signifie que, pour chaque port de formulaire, un nouveau nœud est créé à l’emplacement indiqué, par exemple :
      /forms/feedback/

    • Afficher des données…

      Cliquez sur ce bouton pour accéder aux informations sur les résultats de formulaire dans l’éditeur en bloc. Vous avez alors la possibilité d’exporter les informations vers un fichier .tsv (séparé par des tabulations) (en vue de l’utiliser, par exemple, dans une feuille de calcul Excel).

  • Stocker le contenu avec les chargements

    Présente les mêmes options que Stocker le contenu.

  • Désabonner l’abonné

    • Le prospect est supprimé de cette liste

      Spécifiez la liste de prospects requise.

Fin de formulaire

• Afficher le bouton Envoyer

  Indique si le bouton Envoyer doit être visible ou non.

• Nom du bouton Envoyer

  Identifiant à spécifier si vous utilisez plusieurs boutons Envoyer dans un formulaire.

• Titre du bouton Envoyer

  Nom qui apparaît sur le bouton, Envoyer ou Soumettre, par exemple.

• Afficher le bouton Réinitialiser

  Si vous cochez cette case, le bouton Réinitialiser est visible.

• Titre du bouton Réinitialiser

  Nom qui apparaît sur le bouton Réinitialiser.

• Description

  Informations qui s’affichent sous le bouton.

Champ de balise

• Espaces de noms autorisés

  • Geometrixx Outdoors
  • Workflow
  • Forum
  • Images de photothèque
  • Geometrixx Media
  • Balises standard
  • Marketing
  • Propriétés de la ressource
  • Largeur en pixels
  • Taille de la fenêtre contextuelle