Les composants de Forms Portal fournissent aux développeurs Web des composants pour la création et la personnalisation d’un portail de formulaires sur les sites Web créés à l’aide d’Adobe Experience Manager (AEM). Pour une présentation rapide de Forms Portal, consultez Présentation de la publication de formulaires sur un portail.

Conditions préalables

Les composants de Forms Portal ne peuvent pas être utilisés par défaut. Assurez-vous que les catégories de composants de Forms Portal suivantes sont activées tel qu’indiqué dans Activation des composants d’un portail de formulaires.

Services de document : comprend les composants Search & Lister, Link et Drafts & Submissions.

Prédicats de services de document : comprend les composants des attributs Date, Texte complet, Propriétés et Balises. Ces composants sont utilisés pour configurer la recherche dans le composant Search & Lister.

Une fois qu’elles sont activées sur une page de sites AEM, ces catégories de composants peuvent être utilisées dans l’explorateur de composants.

Composants d’AEM Forms Portal dans l’explorateur de composants
Catégories de composants de Forms Portal

Composant Search & Lister

Le composant Search & Lister, disponible dans la catégorie des composants Document Services, est utilisé pour répertorier les formulaires sur une page et pour implémenter la recherche dans les formulaires répertoriés. Ce composant comporte deux volets :

  • Le volet Liste, où les formulaires sont répertoriés
  • Le volet Recherche, où ajouter la fonction de recherche

Vous pouvez faire glisser le composant Search & Lister depuis la catégorie de composants Document Services dans le navigateur de composants sur la page. Une fois ajouté, le composant se présente comme suit.

Composant Search & Lister dans une page
Composant Search & Lister dans une page avec la disposition Grille

Volet Liste

Le volet Liste est une zone où sont répertoriés vos formulaires. Le composant Search & Lister fournit différentes options de configuration à utiliser pour contrôler l’affichage de formulaires dans le volet Liste. 

Pour configurer le volet de liste, appuyez sur le composant Search & Lister puis appuyez sur . La boîte de dialogue Modifier le composant s’ouvre. 

Volet Liste en mode d’édition
Volet Liste en mode d’édition

La boîte de dialogue Modifier comprend plusieurs onglets fournissant des options de configuration décrites dans le tableau ci-dessous. Une fois la configuration terminée, appuyez sur OK  pour l’enregistrer.

Onglet Configuration Description
Dossiers des actifs Ajouter un élément Configure les dossiers dans lesquels des actifs sont téléchargés à l’aide de l’interface utilisateur d’AEM Forms. Par défaut, tous les actifs téléchargés sont répertoriés. Pour en savoir plus sur l’interface utilisateur d’AEM Forms, consultez Présentation de la gestion des formulaires.

Affichage

Texte du titre Titre du composant Search & Lister. Le titre par défaut est Forms Portal.
  Modèle de mise en page Mise en page des actifs.  
  Désactiver la recherche avancée Lorsque cette option est activée, l’icône de recherche avancée est masquée.
  Désactiver la recherche de texte Lorsque cette option est activée, la barre de recherche en texte intégral est masquée.
Résultat Nombre de résultats par page Configure le nombre maximal de formulaires à afficher sur une page.
  Texte des résultats

Configure le texte des résultats (par exemple, 1-12 sur 601 Résultats). La valeur par défaut est Résultats.

Par exemple, si vous indiquez Formulaires dans ce champ et que le nombre total est de 601 formulaires, le texte des résultats devient 1-12 de 601 Formulaires.

  Texte de la page

Configure le texte de la page (par exemple, Page 1 de 51). La valeur par défaut est Page.

Par exemple, si vous indiquez Formulaire de demande dans ce champ et qu’il y a 51 pages, le texte de la page devient Formulaire de demande 1 de 51.

  Texte de

Remplace le mot de par le texte spécifié (Page 1 de51). La valeur par défaut est de.

Par exemple, si vous spécifiez sur dans ce champ, le texte est modifié et devient Page 1 sur 51.

Lien de formulaire Type de rendu Contrôle la liste des formulaires en fonction du type de rendu spécifié. Les options disponibles sont les suivantes : PDF et HTML. Par exemple, si vous sélectionnez uniquement HTML comme type de rendu, les formulaires PDF sont exclus du filtre.
  Profil HTML Configure le profil HTML à utiliser pour le rendu. Tous les profils disponibles sont répertoriés dans la liste déroulante.
  URL d’envoi

Configure un servlet vers lequel les données de formulaire sont envoyées.

Remarque : la valeur URL d’envoi d’un formulaire peut être spécifiée à divers emplacements et l’ordre de priorité s’établit comme suit :

  1. La valeur URL d’envoi intégrée dans le formulaire (dans le bouton d’envoi) a la priorité la plus élevée.
  2. Dans l’ordre des priorités, la valeur URL d’envoi mentionnée dans l’interface utilisateur d’AEM Forms arrive en deuxième position.
  3. La valeur URL d’envoi mentionnée dans Forms Portal a la priorité la plus faible.
  Info-bulle HTML Render Action Configure le texte de l’info-bulle qui s’affiche lorsque le pointeur de la souris survole l’icône HTML5.
  Info-bulle PDF Render Action Configure le texte de l’info-bulle qui s’affiche lorsque le pointeur de la souris survole l’icône PDF.
Style Type de style Vous permet de spécifier Aucun style, Style par défaut ou Style personnalisé pour répertorier les formulaires.
  Chemin d’accès au style personnalisé Si vous avez sélectionné l’option Personnalisé dans Type de style, accédez à la feuille CSS personnalisée pour en spécifier le chemin ou sélectionnez Par défaut.

Volet Recherche

Le volet Recherche vous permet d’ajouter les composants Attribut de date, Attribut de texte complet et Attribut de balises dans la catégorie Prédicats de services de document d’AEM Sidekick. Ces composants implémentent la fonction de recherche pour permettre aux utilisateurs d’effectuer une recherche dans les formulaires répertoriés.

Conseil : vous pouvez contrôler la liste des formulaires affichée sur votre portail de formulaires en fonction d’un paramètre prédéfini et masquer la fonctionnalité de recherche pour les utilisateurs finaux. Pour contrôler la liste des formulaires, utilisez les attributs pour appliquer des filtres de recherche. Vous pouvez également spécifier la valeur de filtre par défaut et désactiver la recherche dans l’onglet Affichage de la boîte de dialogue Modification du composant.

Zone de recherche avec les attributs Date, Texte complet, Propriétés et Balises
Zone de recherche avec les attributs Date, Texte complet, Propriétés et Balises


Attribut de date

Une fois ajouté, l’attribut de date permet d’effectuer une recherche dans les formulaires répertoriés en fonction de leur date de modification.

Pour configurer l’attribut de date :

  1. Appuyez sur le composant, puis sur . La boîte de dialogue Edit (Modification du composant) s’ouvre.
  2. Indiquez les informations suivantes :
    • Type : la seule option disponible est Date de la dernière modification.
    • Texte : libellé ou légende pour l’attribut de date. La valeur par défaut est Date de la dernière modification.
    • Libellé Date de début : libellé ou légende correspondant au champ de date de début.
    • Libellé Date de fin : libellé ou légende correspondant au champ de date de fin.
    • Masquer : permet d’appliquer le filtre de date par défaut permettant de répertorier les formulaires.
  3. Appuyer sur OK

Attribut de texte complet

L’attribut de texte complet permet d’effectuer une recherche de texte intégral dans les données de formulaire, telles que le nom et la description. Les utilisateurs peuvent effectuer des recherches dans n’importe quelle chaîne de texte pour renvoyer les formulaires dont le nom ou la description contient ce texte.

Pour configurer l’attribut de texte complet, procédez comme suit :

  1. Appuyez sur le composant, puis sur . La boîte de dialogue de modification s’ouvre.
  2. Indiquez le titre dans le champ Titre principal.
  3. Appuyer sur Ok

Attribut Propriétés

L’attribut de propriétés permet d’effectuer une recherche dans les propriétés de formulaire, telles que le titre, l’auteur et la description.

Pour configurer l’attribut de propriétés, procédez comme suit :

  1. Appuyez sur le composant, puis sur . La boîte de dialogue Edit (Modification du composant) s’ouvre.
  2. Dans l’onglet Général, spécifiez le libellé du critère de recherche. La valeur par défaut est Propriétés
  3. Dans l’onglet Options, cliquez sur Ajouter un élément.
  4. Sélectionnez une propriété dans la liste déroulante et spécifiez un libellé de recherche pour la propriété dans le champ situé sous la liste déroulante.
  5. Répétez l’étape 4 pour ajouter d’autres propriétés. Vous pouvez également indiquer une valeur de filtre par défaut pour répertorier les formulaires basés sur les critères spécifiés et masquer la propriété pour les recherches effectuées par les utilisateurs finaux. Cochez la case Masquer d’une propriété et spécifiez la valeur de filtre par défaut.
    Par exemple, si vous souhaitez afficher les formulaires dont le titre contient le mot « voyage », sélectionnez Masquer à côté de la propriété de titre. Spécifiez également « voyage » dans la zone Valeur de filtre par défaut.
  6. Appuyez sur OK

Attribut Balises

L’attribut de balises permet d’effectuer une recherche de formulaires construits à partir de balises définies dans Forms Manager.

Pour configurer l’attribut de balises, procédez comme suit :

  1. Appuyez sur le composant, puis sur . La boîte de dialogue Edit (Modification du composant) s’ouvre.
  2. Cliquez sur la flèche vers le bas située en regard du champ Balises.
  3. Sélectionnez les balises appropriées
  4. Appuyez sur OK
Les balises sélectionnées s’affichent dans le volet Recherche avec des cases à cocher. Les utilisateurs peuvent affiner leur recherche en fonction des balises.

Répertorier les formulaires sur une page

Pour répertorier les formulaires sur une page, ajoutez le composant Search & Lister à la page et configurer le volet Liste. Pour permettre aux utilisateurs de rechercher des formulaires avec les attributs de date, de texte et de balises, ajoutez un composant Volet Recherche.

Pour lier un formulaire depuis n’importe quel point de la page, utilisez le composant Link. Pour en savoir plus sur le composant Link, consultez la section Intégration du composant Link dans une page.

Pour répertorier les formulaires qui sont à l’état Brouillon et ceux qui ont déjà été envoyés, utilisez le composant Drafts & Submissions. Pour en savoir plus, consultez la section Personnalisation du composant Drafts & Submission.

Compatibilité avec les périphériques mobiles

Le composant Search & Lister de Forms Portal est compatible avec les périphériques mobiles et s’adapte en conséquence. Les trois vues par défaut, grille, carte et panneau, s’adaptent en fonction du périphérique utilisé pour consulter le site, à condition que la page Web s’adapte également. Search & Lister n’est qu’un simple composant et ne contrôle pas le style au niveau de la page.

L’image suivante montre le composant Search & Lister lorsqu’il est ouvert sur un périphérique mobile :

Capture d’écran du composant Search & Lister
Composant Search & Lister

Personnalisation d’une page Forms Portal

Vous pouvez personnaliser une page du portail de formulaires pour donner un aspect spécifique à la page. Vous pouvez également ajouter des métadonnées pour améliorer l’expérience de recherche, pour modifier la disposition de la page, ou encore ajouter des styles CSS personnalisés. Pour en savoir plus, consultez la section Personnalisation de modèles pour les composants Forms Portal

L’interface utilisateur d’AEM Forms vous permet d’ajouter des métadonnées personnalisées aux formulaires. Les métadonnées personnalisées se révèlent particulièrement utiles pour mettre à la disposition des utilisateurs un environnement permettant de répertorier et de rechercher des formulaires. Pour en savoir plus sur les métadonnées personnalisées, consultez Personnalisation de modèles pour les composants Forms Portal.  

Forms Portal propose des actions de rendu prêtes à l’emploi. Vous pouvez personnaliser Forms Portal afin d’ajouter d’autres actions. Pour en savoir plus, consultez Ajout d’une action personnalisée sur des éléments de liste de formulaire.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne