Création d’une page de portail Formulaires creating-a-forms-portal-page
Les composants du portail Formulaires permettent aux développeurs et développeuses web de créer et de personnaliser un portail de formulaires sur les sites web créés à l’aide d’Adobe Experience Manager (AEM). Pour obtenir un aperçu rapide du portail Formulaires, consultez Présentation de la publication de formulaires sur un portail.
Prérequis prerequisites
Les composants du portail Formulaires ne sont pas disponibles par défaut. Assurez-vous que les catégories de composants du portail Formulaires suivantes sont activées comme décrit dans la section Activer des composants du portail Formulaires.
Document Services : comprend les composants Search & Lister, Link et Drafts and Submissions.
Prédicats de services de document : comprend les composants Prédicat de date, Prédicat de texte intégral, Prédicat de propriétés et Prédicat de 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.
Catégories de composants du portail Formulaires
Composant Search & Lister search-amp-lister-component
Le composant Search & Lister, disponible dans la catégorie de composants Document Services, est utilisé pour répertorier les formulaires sur une page et implémenter la recherche sur les formulaires répertoriés. Le composant comprend deux volets :
- Volet de liste dans lequel les formulaires sont répertoriés.
- Volet de recherche dans lequel vous ajoutez la fonctionnalité 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 avec une disposition Grille
Volet Liste list-pane
La zone de liste contient vos formulaires répertoriés. 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 Liste, sélectionnez le composant Search and Lister, puis
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, sélectionnez OK pour l’enregistrer.
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.
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.
Remplace le mot de par le texte spécifié (Page 1 de 51). La valeur par défaut est de.
Par exemple, si vous spécifiez sur dans ce champ, le texte est remplacé par Page 1 sur 51.
Configure un servlet vers lequel les données de formulaire sont envoyées.
Remarque :l’URL d’envoi d’un formulaire peut être spécifiée à divers emplacements et l’ordre de priorité s’établit comme suit :
- La valeur Submit URL intégrée dans le formulaire (dans le bouton d’envoi) a la priorité la plus élevée.
- Dans l’ordre des priorités, la valeur Submit URL mentionnée dans l’interface utilisateur d’AEM Forms arrive en deuxième position.
- La valeur Submit URL mentionnée dans Forms Portal a la priorité la plus faible.
Volet Recherche search-pane
La zone de recherche vous permet d’ajouter les composants Date Predicate (attribut de date), Full Text Predicate (attribut de texte intégral) et Tags predicate (attribut d’étiquette) dans la catégorie Document Services Predicates du sidekick d’AEM. 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.
Panneau de recherche avec les attributs Date, Texte complet, Propriétés et Balises
Prédicat de la date date-predicate
Une fois ajouté, l’attribut de date permet d’effectuer une recherche dans les formulaires répertoriés en fonction de la durée de leur modification.
Pour configurer l’attribut de prédicat de date :
-
Sélectionnez le composant, puis
-
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.
-
-
Sélectionnez OK.
Prédicat de texte intégral full-text-predicate
Le composant Prédicat de texte intégral permet d’effectuer une recherche de texte intégral sur les données de formulaire, telles que le nom et la description. Les utilisateurs et utilisatrices peuvent effectuer des recherches dans n’importe quelle chaîne de texte pour renvoyer les formulaires dont le nom ou la description contient le texte.
Pour configurer le composant Prédicat de texte intégral, procédez comme suit :
- Sélectionnez le composant, puis sélectionnez
- Indiquez le titre dans le champ Titre principal.
- Sélectionnez OK.
Prédicat de propriétés properties-predicate
Le composant Prédicat de propriétés permet d’effectuer une recherche dans les formulaires en fonction des propriétés du formulaire, telles que le titre, l’auteur ou l’autrice et la description.
Pour configurer le composant Prédicat de propriétés, procédez comme suit :
-
Sélectionnez le composant, puis
-
Dans l’onglet Général, indiquez le libellé de la recherche. La valeur par défaut est Propriétés.
-
Dans l’onglet Options, sélectionnez Ajouter un élément.
-
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.
-
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 Hide (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 de texte Valeur de filtre par défaut. -
Sélectionnez OK.
Prédicat de balises tags-predicate
Le composant Prédicat de balises permet d’effectuer une recherche dans les formulaires en fonction des balises définies dans Forms Manager.
Pour configurer le composant Prédicat de balises, procédez comme suit :
- Sélectionnez le composant, puis
- Cliquez sur le bouton de flèche vers le bas situé en regard du champ Balises.
- Sélectionner les balises appropriées
- Sélectionnez OK.
Les balises sélectionnées s’affichent dans le volet Rechercher, avec les cases à cocher de sélection. Les utilisateurs peuvent affiner leur recherche en fonction des balises.
Répertorier les formulaires sur une page list-forms-on-a-page-br
Pour répertorier les formulaires sur une page, ajoutez le composant Search & Lister à la page et configurer le volet Liste. Pour permettre aux utilisateurs finaux et utilisatrices finales de rechercher des formulaires avec la date, le texte et les balises, ajoutez un composant Volet Rechercher.
Pour lier un formulaire à partir de n’importe quel emplacement de la page, utilisez le composant Lien. Pour en savoir plus sur le composant Link, consultez la section Intégrer le composant Link dans une page.
Pour répertorier les formulaires qui sont à l’état de brouillon et ceux qui sont déjà envoyés, utilisez le composant Brouillons et envois. Pour plus d’informations, voir Personnalisation du composant Brouillons et envois.
Compatibilité avec les appareils mobiles mobile-device-friendliness
Le composant Search & Lister du Portail Formulaires est compatible avec les appareils mobiles et s’adapte en conséquence. Les trois vues par défaut (grille, carte et panneau) s’adaptent en fonction de lʼappareil 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 appareil mobile :
Composant Search & Lister
Personnalisation d’une page Forms Portal customizing-a-forms-portal-page-br
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 Personnaliser les 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 et utilisatrices un environnement permettant de répertorier et de rechercher des formulaires. Pour en savoir plus sur les métadonnées personnalisées, consultez la section Personnaliser les modèles pour les composants Forms Portal.
Le Portail Formulaires propose des actions de rendu prêtes à l’emploi. Vous pouvez personnaliser le Portail Formulaires 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.
Articles connexes
- Activer des composants du portail Formulaires
- Créer une page du portail Formulaires
- Affichage de la liste des formulaires sur une page Web à l’aide d’API
- Utiliser le composant Brouillons et Envois
- Personnaliser le stockage des brouillons de formulaires et des formulaires envoyés
- Exemple d’intégration d’un composant brouillons & envois à la base de données
- Personnalisation de modèles pour les composants Forms Portal
- Présentation de la publication de formulaires sur un portail