Composants de base foundation-components

CAUTION
La plupart des composants de base sont obsolètes depuis AEM 6.5. Consultez les Notes de mise à jourpour plus d’informations.
Adobe recommande l’utilisation des composants principaux plus modernes et extensibles dans les projets AEM. Ces composants sont inclus dans l’exemple de contenu We.Retail et peuvent également être installés séparément et utilisés pour le développement par votre administration.
Vous pouvez utiliser la Suite d’outils de modernisation AEM pour refactoriser votre site basé sur les composants de base afin d’utiliser les composants principaux.

Les composants de base ont été conçus pour être utilisés lors de la création de contenu d’une page web standard. Ils forment un sous-ensemble des composants prêts à l’emploi disponibles dans une installation standard d’AEM.

Certains sont immédiatement disponibles via l’explorateur de composants. D’autres ressources sont également disponibles en utilisant mode de conception (si la page est basée sur un modèle statique) ou par modification du modèle (si la page est basée sur un modèle modifiable).

L’utilisation des composants de base est prise en charge, mais ils ont été abandonnés et remplacés par des composants principaux qui offrent plus d’extensibilité et de flexibilité.

NOTE
Cette section ne traite que des composants prêts à l’emploi disponibles dans une installation d’AEM standard.
Selon votre instance, vous pouvez avoir développé des composants personnalisés explicitement pour vos besoins. Ces composants personnalisés peuvent même avoir le même nom que certains des composants décrits ici.

Ces composants sont disponibles dans l’onglet Composants du panneau latéral de l’éditeur de page lors de la modification d’une page.

Vous pouvez sélectionner un composant et le faire glisser vers l’emplacement souhaité sur votre page. Vous pouvez ensuite le modifier à l’aide des méthodes suivantes :

Les composants sont regroupés dans diverses catégories appelées groupes de composants, parmi lesquels :

  • Général : comprend des composants de base, notamment du texte, des images, des tableaux et des graphiques.
  • Colonnes : comprend les composants nécessaires pour organiser la mise en page du contenu.
  • Formulaire : inclut tous les composants nécessaires pour créer un formulaire.

Général general

Les composants du groupe Général sont les composants de base utilisés pour créer du contenu.

Élément de compte account-item

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation des composants principaux.

Vous pouvez définir un lien avec un titre et une description.

chlimage_1-88

Image adaptative adaptive-image

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal d’image.

Le composant d’image adaptative génère des images dimensionnées en fonction de la fenêtre dans laquelle s’ouvre la page web. Pour utiliser le composant, vous devez fournir une image issue du système de fichiers ou du gestionnaire des actifs numériques. Une fois la page web ouverte, le navigateur télécharge une copie de l’image qui a été redimensionnée pour convenir à la fenêtre active.

Les caractéristiques suivantes peuvent déterminer la taille de la fenêtre :

  • Écran de l’appareil : les appareils mobiles affichent généralement les pages web afin qu’elles s’étendent sur tout l’écran.
  • Taille de la fenêtre du navigateur web : les utilisateurs et utilisatrices d’ordinateurs portables et de bureau peuvent redimensionner les fenêtres du navigateur web.

Par exemple, le composant génère une petite image lorsque la page web s’ouvre sur un téléphone mobile et une image de taille moyenne sur une tablette. Sur un ordinateur portable, le composant génère une grande image lorsque la page s’ouvre dans un navigateur plein écran. Lorsque le navigateur web est redimensionné pour s’adapter à une partie de l’écran, le composant s’adapte en fournissant une image plus petite et en actualisant l’affichage.

Formats d’image pris en charge supported-image-formats

Vous pouvez utiliser des fichiers d’image avec les extensions de nom de fichier suivantes pour le composant d’image adaptative :

  • .jpg
  • .jpeg
  • .png
  • .gif **
CAUTION
Les fichiers .gif animés ne sont pas pris en charge dans AEM pour les rendus adaptatifs.

Tailles et qualité des images images-sizes-and-quality

Le tableau suivant répertorie la largeur de l’image générée en fonction de la largeur de la fenêtre d’affichage. La hauteur de l’image générée est calculée pour préserver le rapport L/H et éviter l’apparition de bandes blanches sur les bords de l’image. Le recadrage peut être utilisé pour éviter les espaces blancs.

Si l’image est au format JPEG, sa qualité peut aussi dépendre de la taille de la fenêtre d’affichage, Les qualités JPEG suivantes sont possibles :

  • Faible (0,42)
  • Moyenne (0,82)
  • Élevée (1,00)
Plage de largeur de la fenêtre d’affichage (pixels)
Largeur de l’image (pixels)
Qualité JPEG
Type d’appareil ciblé
largeur <= 319
320
faible
largeur = 320
320
moyenne
Téléphone mobile (portrait)
320 < largeur < 481
480
moyenne
Téléphone mobile (paysage)
480 < largeur < 769
476
élevée
Tablette (portrait)
768 < largeur < 1025
620
élevée
Tablette (paysage)
largeur <= 1025
plein écran (taille d’origine)
élevée
Poste de travail

Propriétés properties

La boîte de dialogue permet de modifier les propriétés pour votre instance du composant Image adaptative. Parmi ces propriétés, nombreuses sont celles qui sont communes au composant d’image sur lequel il est basé. Les propriétés sont disponibles dans deux onglets :

  • 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é.

Extension du composant d’image adaptative extending-the-adaptive-image-component

Pour plus d’informations sur la personnalisation du composant d’image adaptative, voir Présentation du composant d’image adaptative.

Carrousel carousel

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal de carrousel.

Le composant de carrousel vous permet d’afficher des images associées à des pages individuelles :

  • une à la fois
  • pour une courte durée
  • dans un ordre que vous spécifiez
  • avec un délai que vous spécifiez

Les commandes cliquables permettent également à l’utilisateur ou à l’utilisatrice de parcourir les pages affichées en temps réel, à la demande. La sélection de l’image de la page actuellement visible vous conduit à cette page. En d’autres termes, le carrousel agit comme une commande de navigation.

Propriétés properties-1

Ces propriétés sont disponibles dans deux onglets :

  • 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. Si ce n’est pas le cas, 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 des prédicats de Query Builder
          Vous pouvez saisir une requête de recherche à l’aide de la notation de prédicat de Query Builder. 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.
    • Classer par
      Sélectionner 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.

NOTE
Vous pouvez créer un composant de carrousel personnalisé pour Adobe Experience Manager qui affiche des DAM dans la gestion des actifs numériques AEM. Voir Créer des composants de carrousel personnalisés pour Adobe Experience Manager.

Graphique chart

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation des composants principaux.

Le composant Graphique vous permet d’ajouter un graphique à barres, en courbes ou en secteurs. AEM crée un graphique à partir des données que vous fournissez. Vous fournissez des données en les saisissant directement dans l’onglet Données ou en copiant et collant une feuille de calcul.

  • 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.

L’exemple suivant illustre des données de graphique suivies de l’histogramme qui en résulte :

chlimage_1-89 dc_chart_use

NOTE
Vous pouvez créer un contrôle graphique d’AEM personnalisé qui affiche les données dans AEM JCR. Pour plus d’informations, voir Afficher les données Adobe Experience Manager dans un graphique.

Fragment de contenu content-fragment

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal Fragment de contenu.

Les fragments de contenu sont créés et gérés en tant que ressources indépendantes de la page. Vous pouvez ensuite utiliser ces fragments et leurs variantes lors de la création de vos pages de contenu.

Importateur de conception design-importer

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation des composants principaux.

Ce composant permet de télécharger un fichier zip contenant un package de conception.

Télécharger download

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation des composants principaux.

Le composant Télécharger crée un lien dans la page web sélectionnée pour télécharger un fichier spécifique. Vous pouvez soit faire glisser une ressource à partir de l’outil de recherche de contenu, soit charger un fichier.

  • 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.

L’exemple suivant montre le composant Télécharger dans Geometrixx :

dc_download_use

Externe external

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation des composants principaux.

Le composant d’intégration d’application externe (Externe) permet d’incorporer des applications externes dans une page AEM en utilisant un iframe.

  • 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.

L’application externe est intégrée au système de paragraphes de la page AEM, par exemple, lorsque vous utilisez une application cible de https://en.wikipedia.org/wiki/Main_Page :

chlimage_1-90

NOTE
Selon votre cas d’utilisation, d’autres options sont disponibles pour l’intégration d’applications externes, par exemple : Intégration de portlets.

Flash flash

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation des composants principaux.
CAUTION
Ce composant n’est plus censé fonctionner sans nécessiter une personnalisation détaillée au niveau du projet.

Le composant Flash vous permet de charger une animation Flash. Vous pouvez faire glisser une ressource Flash de l’outil de recherche de contenu sur le composant, ou bien utiliser la boîte de dialogue :

  • 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

      Affichage de la fenêtre, par exemple, opaque, transparente ou en tant que fenêtre distincte (solide).

    • 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.

Image image

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal d’image.

Le composant Image affiche une image et le texte qui l’accompagne selon les paramètres définis.

Vous pouvez charger une image, puis la modifier et la manipuler (par exemple, la recadrer, la faire pivoter ou y ajouter un lien/titre/texte).

Vous pouvez faire glisser et déposer une image à partir de l’Explorateur de ressources, directement sur le composant ou dans sa boîte de dialogue de configuration. Vous pouvez également télécharger une image à partir de la boîte de dialogue de configuration. Cette boîte de dialogue contrôle également toutes les définitions et la manipulation de l’image :

chlimage_1-91

Une fois l’image chargée (et pas avant), utilisez la modification sur place pour recadrer/faire pivoter l’image si nécessaire :

Barre d’outils de modification sur place

NOTE
L’éditeur statique utilise la taille et les proportions d’origine de l’image lors de l’édition. Vous pouvez également spécifier des propriétés de hauteur et de largeur. Toute restriction de taille et de proportion définie dans les propriétés est appliquée lorsque vous enregistrez vos modifications.
Selon votre instance, des restrictions minimales et maximales peuvent aussi être imposées par la conception de la page. Ces restrictions sont développées lors de la mise en œuvre du projet.

Plusieurs autres options sont disponibles en mode Plein écran. Par exemple, Carte et Zoom :

Mode d’édition Plein écran : Carte et Zoom

NOTE
Internet Explorer ne permet pas de surveiller la progression du chargement.
Les utilisateurs et utilisatrices d’Internet Explorer doivent charger l’image, cliquer sur OK, puis rouvrir l’image pour afficher le fichier chargé dans l’aperçu et être en mesure d’y apporter des modifications (un recadrage, par exemple).
Reportez-vous à Plateformes certifiées pour en savoir plus sur les fonctions HTML5 utilisées par AEM.

Lorsqu’une image est chargée, vous pouvez configurer ce qui suit :

  • 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.

NOTE
Certaines options ne sont disponibles que dans l’éditeur plein écran.

L’image finale (avec son Titre et sa Description) peut s’afficher comme suit :

chlimage_1-92

Conteneur de disposition layout-container

Ce composant fournit un système de paragraphes/grille qui permet d’ajouter et de positionner des composants dans une grille réactive. Vous pouvez définir différentes mises en page de contenu en fonction de la largeur des appareils cibles, y compris divers téléphones, tablettes et ordinateurs de bureau.

chlimage_1-93

NOTE
Ce composant a été mis en œuvre avec le langage de modèle HTML (HTL).

Liste list

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal Liste.

Le composant Liste vous permet de configurer des critères de recherche pour l’affichage d’une liste :

  • 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.

L’exemple suivant illustre un composant Liste affichant une liste de pages enfants (la conception est contrôlée par les définitions CSS personnalisées d’une conception de site).

dc_list_use

Connexion login

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation des composants principaux.
CAUTION
Ce composant n’est plus censé fonctionner sans nécessiter une personnalisation détaillée au niveau du projet.

Ces options fournissent les champs de nom d’utilisateur et de mot de passe.

chlimage_1-94

Vous pouvez configurer :

  • 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é.

Statut de la commande order-status

CAUTION
Ce composant n’est plus censé fonctionner sans nécessiter une personnalisation détaillée au niveau du projet.
  • 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.

chlimage_1-95

Référence reference

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal Fragment de contenu.

Le composant Référence vous permet de référencer du texte à partir d’une autre page de votre site web AEM (dans l’instance active). Le contenu du paragraphe référencé s’affiche alors comme s’il se trouvait sur la page active. Le contenu est mis à jour lorsque le paragraphe source change (une actualisation de la page peut s’avérer nécessaire).

  • 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).

Pour spécifier le chemin d’accès à un paragraphe, vous devez ajouter uhn suffixe au chemin d’accès (à la page) avec :

.../jcr:content/par/<paragraph-ID>

Par exemple :

/content/geometrixx-outdoors/en/equipment/biking/cajamara/jcr:content/par/similar-products

Outre le référencement d’un paragraphe spécifique, le chemin peut également être modifié pour spécifier un système de paragraphes entier. Vous pouvez effectuer cette référence en ajoutant un suffixe au chemin d’accès avec les éléments suivants :

/jcr:content/par

Par exemple :

/content/geometrixx-outdoors/en/equipment/biking/cajamara/jcr:content/par

Après la configuration, le contenu s’affiche exactement comme sur la page source. Son caractère référencé n’est visible que lorsque vous ouvrez le composant en vue de le modifier :

chlimage_1-96

Rechercher searching

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal Recherche rapide.

Le composant Rechercher offre des capacités de recherche à votre page.

Vous pouvez configurer :

  • 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.

L’exemple ci-dessous montre le composant Recherche après une recherche du mot geometrixx dans le répertoire racine d’une installation standard. Il présente également la pagination des résultats :

dc_search_use

L’exemple suivant montre un terme de recherche mal orthographié et non disponible :

dc_search_usenotfound

Plan du site sitemap

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt d’utiliser les composants principaux Navigation, Navigation de langue et Chemin de navigation.

Liste automatique du plan du site qui (avec les paramètres par défaut) répertorie toutes les pages (sous forme de liens actifs) du site Web actuel. Par exemple (extrait) :

dc_sitemap_use

Au besoin, vous pouvez configurer les éléments suivants :

  • Plan du site

    • Chemin racine

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

Diaporama slideshow

CAUTION
Ce composant de base est obsolète. Adobe recommande d’utiliser plutôt le composant principal Carrousel.
CAUTION
Ce composant n’est plus censé fonctionner sans nécessiter une personnalisation détaillée au niveau du projet.

Ce composant vous permet de charger une série d’images à afficher sous forme de diaporama sur votre page. Vous pouvez ajouter ou supprimer des images et attribuer un titre à chacune d’elles. Sous Avancé, vous pouvez également spécifier la taille de la zone d’affichage.

Vous pouvez configurer :

  • 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.

Le composant Diaporama affiche ensuite de façon répétée chaque image en séquence pendant une courte durée, avant de passer en fondu à la diapositive suivante :

dc_slideshow_use

Tableau table

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal Texte.
NOTE
Le composant de base Tableau repose sur l’éditeur de texte enrichi, tout comme le composant de base Texte.

Le composant Tableau est préconfiguré pour vous permettre de créer, de remplir et de formater un tableau. La boîte de dialogue vous permet de configurer votre tableau et de créer le contenu :

  • soit en commençant de zéro
  • soit en copiant-collant une feuille de calcul ou un tableau à partir d’un éditeur externe (Excel, OpenOffice, Bloc-notes).

Vous pouvez apporter des modifications standard au contenu à l’aide de l’éditeur intégré :

dc_table

En mode Plein écran, vous pouvez configurer la disposition du tableau :

chlimage_1-97

La capture d’écran ci-après illustre l’utilisation du composant Tableau (la conception est déterminée par le CSS propre au site) :

dc_table_use

Nuage de balises tag-cloud

Un nuage de balises affiche une sélection des balises appliquées au contenu de votre site web sous forme graphique :

dc_tagclouduse

Lorsque vous configurez le composant Nuage de balises, vous pouvez spécifier les options suivantes :

  • 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.

Pour plus d’informations sur l’application de balises, reportez-vous à la rubrique Utilisation des balises.

Texte text

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utlisation du composant principal Texte.
NOTE
Le composant de base Texte est basé sur l’éditeur de texte enrichi, tout comme le composant de base Tableau.

Le composant Texte et personnalisation permet de saisir un bloc de texte en utilisant un éditeur WYSIWYG, avec les fonctionnalités de l'éditeur de texte enrichi. Une série d’icônes permet de mettre en forme le texte dont les attributs de police, alignement, liens, listes et mise en retrait.

chlimage_1-98

Lorsque vous ouvrez la boîte de dialogue de configuration, vous pouvez également définir les éléments suivants :

  • Espacement
  • Style de texte

Le texte formaté s’affiche sur la page. La conception réelle dépend du CSS du site :

dc_text_use

Pour plus d’informations sur le composant Texte et les fonctions de l’éditeur de texte enrichi, reportez-vous à la page Éditeur de texte enrichi.

Édition statique inplace-editing

Outre le mode d’édition de texte enrichi basé sur la boîte de dialogue, AEM propose un mode d’édition statique qui permet l’édition directe du texte tel qu’il est affiché dans la disposition de la page.

Texte et Image text-image

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal Image et Texte.

Le composant Texte et image permet d’ajouter un bloc de texte et une image. Vous pouvez également ajouter et modifier du texte et des images séparément. Voir les composants Texte et Image pour plus de détails.

chlimage_1-99

Vous pouvez configurer :

  • 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.

L’exemple suivant illustre un composant Texte et image avec l’image alignée sur la gauche :

dc_textimage_use

Titre title

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal Titre.

Le composant Titre peut :

  • Afficher le nom de la page active en laissant le champ Titre vide.
  • Afficher le texte que vous indiquez dans le champ Titre.

Vous pouvez configurer :

  • 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.

L’exemple suivant illustre l’affichage d’un composant Titre  ; la conception est déterminée par le CSS spécifique au site.

dc_title_use

Vidéo video

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal Composant intégré.
CAUTION
Ce composant n’est plus censé fonctionner sans nécessiter une personnalisation détaillée au niveau du projet.

Le composant Vidéo vous permet de placer une ressource vidéo prédéfinie et prête à l’emploi sur une page.

Voir également Configurer vos profils vidéo pour les utiliser avec les éléments HTML5.

Après avoir placé une instance du composant sur votre page, vous pouvez configurer les éléments suivants :

  • 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.

NOTE
Les formats pris en charge sont les suivants :
  • .mp4
  • Ogg
  • FLV (Flash video)

Colonnes columns

Les colonnes sont un mécanisme permettant de contrôler la mise en page du contenu dans AEM. Dans une installation standard, des composants pour créer deux ou trois colonnes sont fournis.

L’exemple suivant illustre le composant Deux colonnes utilisé. Vous pouvez utiliser des espaces réservés pour les nouveaux composants :

dc_columncontroluse

2 colonnes columns-1

Composant Contrôle de colonne qui utilise par défaut deux colonnes égales.

3 colonnes columns-2

Composant Contrôle de colonne qui utilise par défaut trois colonnes égales.

Contrôle de colonne column-control

Le composant Contrôle de colonne permet aux utilisateurs et utilisatrices de sélectionner la manière dont ils ou elles souhaitent fractionner le contenu du panneau principal de la page web en plusieurs colonnes. Les utilisateurs et utilisatrices peuvent sélectionner le nombre de colonnes requis (dans une liste prédéfinie), puis créer, supprimer ou déplacer du contenu dans chacune des colonnes.

  • 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 form

CAUTION
Le composant de base est obsolète. Adobe recommande d’utiliser plutôt les Composants principaux.

Les composants Formulaire servent à créer des formulaires permettant aux visiteurs d’envoyer leur saisie. Les formulaires et composants de formulaire peuvent être utilisés pour collecter des informations, notamment les commentaires des utilisateurs et utilisatrices (par exemple, un questionnaire de satisfaction client) et des informations sur les utilisateurs et utilisatrices (par exemple, l’enregistrement des utilisateurs et utilisatrices).

NOTE
Voir Aide d’AEM Forms pour plus d’informations sur AEM Forms.

Les formulaires se composent de plusieurs composants différents :

  • 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.

Vous trouverez ci-dessous un exemple de formulaire. Il se compose d’un composant Formulaire (début et fin) avec deux champs de texte de formulaire pour la saisie et un champ de texte général pour le texte d’introduction, ainsi qu’un bouton Soumettre.

dc_form

NOTE
Pour plus d’informations sur le développement et la personnalisation de vos formulaires, consultez la page Développement de formulaires. Cette fonctionnalité inclut l’ajout d’actions, de contraintes, le préchargement de champs et l’utilisation de scripts pour appeler un service à l’action, entre autres.

Paramètres communs à (de nombreux) composants de formulaire settings-common-to-many-form-components

Bien que chacun des composants de formulaire ait un objectif différent, la plupart sont composés d’options et de paramètres similaires.

Lors de la configuration de l’un des composants de formulaire, les onglets suivants sont disponibles dans la boîte de dialogue :

  • 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.

NOTE
Les champs affichés varient considérablement en fonction du composant individuel.

Ces onglets vous fournissent les paramètres nécessaires. Les onglets peuvent dépendre du type de composant individuel, mais peuvent inclure les éléments suivants :

  • 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 (composant) form-component

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal Conteneur de formulaires.

Le composant Formulaire définit le début et la fin d’un formulaire à l’aide des éléments Début du formulaire et Fin du formulaire. Le début et la fin sont toujours associés pour s’assurer que le formulaire est correctement défini.

dc_form-1

Entre le début et la fin d’un formulaire, vous pouvez ajouter des composants qui définissent les champs de saisie réels à l’intention des utilisateurs.

NOTE
Le composant de formulaire des composants de base ne prend en charge que l’utilisation d’autres composants de base de formulaire (bouton, texte, masqué, etc). L’utilisation des composants de formulaire des composants principaux dans un formulaire de composant de base (et vice versa) n’est pas prise en charge.

Début du formulaire start-of-form

Ce composant définit le début d’un nouveau formulaire sur une page. Vous pouvez configurer :

  • 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 end-of-form

Marque la fin du formulaire. Vous pouvez configurer les éléments suivants :

  • 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.

Nom de compte account-name

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilsation du composant principal Texte de formulaire.

Permet à l’utilisateur de saisir un nom de compte :

dc_form_accountname

Adresse address

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utlisation du composant principal Texte de formulaire.

Permet d’ajouter un champ d’adresse internationale au format suivant :

dc_form_addressfield

Le composant est configuré pour une utilisation immédiate, mais vous pouvez modifier sa configuration, si nécessaire. Par exemple, des contraintes peuvent être ajoutées pour les éléments spécifiques de l’adresse. Le fait de laisser les champs vides implique l’utilisation des paramètres par défaut.

Captcha captcha

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation des composants principaux.
CAUTION
Ce composant n’est plus censé fonctionner sans nécessiter une personnalisation détaillée au niveau du projet.

Le composant Captcha requiert que l’utilisateur saisisse une chaîne alphanumérique comme affichée à l’écran. La chaîne change à chaque actualisation.

dc_form_captcha

Vous pouvez configurer différents paramètres pour ce composant, notamment un message à afficher lorsque la chaîne captcha n’est pas valide.

Groupe de cases à cocher checkbox-group

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal Options de formulaire.

Une case à cocher vous permet de créer une liste composée d’une ou de plusieurs cases à cocher. Plusieurs d’entre elles peuvent être simultanément cochées.

dc_form_checkboxgroupuse

Vous pouvez spécifier différents paramètres, notamment un titre, une description et un nom d’élément. Les boutons + et - vous permettent d’ajouter ou de supprimer des éléments, puis de les positionner à l’aide des flèches haut et bas.

NOTE
L’option Chemin de chargement des éléments permet de précharger des valeurs dans la liste de groupes de cases à cocher.
Consultez Préchargement des champs de formulaire avec de multiples valeurs.

Informations de la carte de crédit credit-card-details

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation de composants principaux.

Vous permet de fournir les champs nécessaires pour saisir les détails de la carte de crédit. Vous pouvez le configurer pour spécifier les types de carte acceptés et les informations requises (par exemple, le code de sécurité).

chlimage_1-100

Liste déroulante dropdown-list

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal Options de formulaire.

Une liste déroulante peut être configurée pour être utilisée avec différentes valeurs pouvant être sélectionnées :

dc_form_dropdownlistuse

Vous pouvez spécifier un titre et les éléments à afficher dans la liste. Les boutons + et - vous permettent d’ajouter ou de supprimer des éléments de liste, puis de les positionner à l’aide des boutons Haut et Bas. Vous pouvez indiquer si les utilisateurs sont autorisés ou non à sélectionner plusieurs éléments de la liste, ainsi que tout élément qui doit être automatiquement sélectionné la première fois qu’ils ouvrent la liste (valeurs initiales).

NOTE
Utilisez le chemin de chargement des éléments pour précharger des valeurs dans la liste déroulante.
Consultez Préchargement des champs de formulaire avec de multiples valeurs.

Chargement du fichier file-upload

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation de composants principaux.

Le composant Chargement du fichier fournit à l’utilisateur un moyen pour sélectionner un fichier et le charger.

dc_form_fileupload

NOTE
Vous pouvez créer un composant de chargement personnalisé pour charger des fichiers vers un servlet Sling. Pour plus d’informations, voir Chargement de fichiers dans Adobe Experience Manager.

Champ masqué hidden-field

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal Formulaire masqué.

Permet de créer un champ masqué. Ces champs masqués peuvent être utilisés à diverses fins. Par exemple, lorsque vous devez effectuer une action après l’envoi du formulaire ou lorsque des données masquées sont requises dans le post-traitement.

dc_form_hiddenfield

NOTE
Vous pouvez également personnaliser votre formulaire pour afficher ou masquer des composants de formulaire spécifiques, en fonction de la valeur d’autres champs du formulaire. La modification de la visibilité d’un champ de formulaire est utile lorsque le champ n’est nécessaire que dans des conditions spécifiques.
Reportez-vous à la section Affichage et masquage des composants de formulaire.

Bouton Image image-button

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal Bouton de formulaire.

Un bouton image vous permet de créer un bouton avec votre propre image et votre propre texte :

dc_form_imagebutton

Téléchargement de l’image image-upload

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation des composants principaux.

Le composant Chargement de l’image fournit à l’utilisateur un moyen pour sélectionner un fichier image et le charger.

dc_form_imageupload

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation des composants principaux.

Le champ Lien permet à l’utilisateur de spécifier une URL.

dc_form_link

Il est le plus souvent utilisé pour le formulaire d’événement de calendrier, où il est utilisé pour le champ URL/lien d’un événement.

Champ Mot de passe password-field

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utlisation des composants principaux.

Permet à l’utilisateur ou à l’utilisatrice de saisir son mot de passe :

dc_form_password

Réinitialisation du mot de passe password-reset

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation des composants principaux.

Ce composant fournit deux champs à votre utilisateur ou utilisatrice pour :

  • la saisie d’un mot de passe
  • la saisie répétée du mot de passe pour vérifier que la saisie est correcte.

Avec les paramètres par défaut, le composant apparaît comme suit :

dc_password_reset

Groupe de cases d’option radio-group

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal Options de formulaire.

Un groupe de cases d’option fournit une liste composée d’une ou de plusieurs cases d’option (une seule case peut être sélectionnée à un moment donné).

Vous pouvez spécifier le nom de l’élément ainsi qu’un titre et une description. Les boutons + et - vous permettent d’ajouter ou de supprimer des éléments, de les positionner à l’aide des flèches haut et bas, puis de spécifier une valeur par défaut, le cas échéant :

dc_form_radiogroupuse

NOTE
L’option Chemin de chargement des éléments permet de précharger des valeurs dans les cases d’option.
Consultez Préchargement des champs de formulaire avec de multiples valeurs.

Bouton Envoyer submit-button

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal Bouton de formulaire.

Ce composant vous permet de créer un bouton Envoyer avec le texte par défaut :

dc_form_submitbutton

Ou votre propre texte :

dc_form_submitbuttonuse

Champ des balises tags-field

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation des composants principaux.

Ce champ permet de sélectionner des balises :

dc_form_tags_use

Vous pouvez spécifier différents paramètres, notamment les espaces de noms, à l’aide de l’onglet spécialisé :

  • 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

Champ de texte text-field

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal Texte de formulaire.

Le champ de texte standard peut être configuré selon la taille et la largeur requises avec votre propre prospect en message :

dc_form_text

Bouton d’envoi du workflow workflow-submit-button-s

CAUTION
Ce composant de base est obsolète. Adobe recommande plutôt l’utilisation du composant principal Bouton de formulaire.

Permet de créer un bouton Envoyer à utiliser dans un workflow.

chlimage_1-101

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2