Création d’une page du portail Formulaires creating-a-forms-portal-page

CAUTION
AEM 6.4 a atteint la fin de la prise en charge étendue et cette documentation n’est plus mise à jour. Pour plus d’informations, voir notre période de support technique. Rechercher les versions prises en charge here.

Les composants du portail Forms fournissent aux développeurs Web des composants pour créer et personnaliser un portail de formulaires sur les sites Web créés à l’aide d’Adobe Experience Manager (AEM). Pour un aperçu rapide de Forms Portal, reportez-vous à la section Présentation de la publication de formulaires sur un portail.

Prérequis prerequisites

Les composants de portail Forms ne sont pas disponibles par défaut. Assurez-vous que les catégories de composants Forms Portal suivantes sont activées comme décrit dans la section Activation des composants de Forms Portal.

Document Services  : comprend les composants Search & Lister, Link et Drafts and Submissions.

Prédicats de services de document Inclut les composants Attribut de date, Attribut de texte intégral, Attribut de propriétés et Attribut 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 d’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
Figure : Catégories de composants du portail Forms

Composant Search & Lister search-amp-lister-component

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

  • Zone de liste dans laquelle les formulaires sont répertoriés.
  • Zone de recherche dans laquelle 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
Figure : 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 de liste, cliquez sur le composant Search and Lister, puis sur settings_icon . La boîte de dialogue Modifier le composant s’ouvre.

Volet Liste en mode d’édition
Figure : 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, cliquez sur  OK pour l’enregistrer.

Tabulation
Configuration
Description
Dossiers des actifs
Ajouter un élément
Configure les dossiers dans lesquels les ressources sont chargées à l’aide de l’interface utilisateur d’AEM Forms. Par défaut, il répertorie toutes les ressources chargées. Pour plus d’informations sur l’interface utilisateur d’AEM Forms, voir Présentation de la gestion des formulaires.
Affichage
Texte du titre
Titre du composant Search & Lister. Le titre par défaut est : Portail Forms.
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 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.

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

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 à plusieurs endroits et son ordre de priorité est le suivant :

  1. La valeur Submit URL 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 Submit URL mentionnée dans l’interface utilisateur d’AEM Forms arrive en deuxième position.
  3. La valeur Submit URL 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’info-bulle.+-------------+ | img-md | +=============+ | w-13 | +-------------+ | | +-------------+(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’info-bulle.+-------------+ | img-md | +=============+ | w-14 | +-------------+ | | +-------------+(icône du 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é Personnalisé comme type de style, accédez à la page CSS personnalisée pour spécifier le chemin d’accès, ou sélectionnez Par défaut.

Volet Rechercher 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.

Zone de recherche avec les attributs Date, Texte complet, Propriétés et Balises
Figure : Panneau de recherche avec prédicat 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 qui ont été modifiés au cours d’une durée spécifiée.

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

  1. Cliquez sur le composant, puis sur settings_icon . 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é de date de début : Libellé ou légende du champ Date de début.
    • Libellé de date de fin : Libellé ou légende du champ de date de fin.
    • Masquer : Pour appliquer un filtre de date par défaut afin de répertorier les formulaires.
  3. Appuyez sur OK.

Prédicat de texte intégral full-text-predicate

L’attribut 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 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 l’attribut de texte intégral, procédez comme suit :

  1. Sélectionnez le composant, puis cliquez sur settings_icon . La boîte de dialogue Edit (Modification du composant) s’ouvre.
  2. Indiquez le titre dans le champ Titre principal.
  3. Appuyer Ok.

Prédicat de propriétés properties-predicate

L’attribut 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 et la description.

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

  1. Sélectionnez le composant, puis cliquez sur settings_icon . Le Boîte de dialogue Modifier s’ouvre.

  2. Dans le Général , indiquez le libellé de la recherche. La valeur par défaut est Propriétés.

  3. Dans le Options onglet, appuyez 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 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.

  6. Appuyez sur OK.

Prédicat de balises tags-predicate

L’attribut de balises permet d’effectuer une recherche dans les formulaires en fonction des balises définies dans Forms Manager.

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

  1. Sélectionnez le composant, puis cliquez sur settings_icon . Le Boîte de dialogue Modifier 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 Rechercher, avec les cases à cocher à cocher. 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 de rechercher des formulaires avec la date, le texte et les balises, ajoutez une Volet Rechercher composant.

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 la méthode Brouillons et envois composant. Pour plus d’informations, voir Personnalisation du composant Drafts and Submissions.

Compatibilité avec les appareils mobiles mobile-device-friendliness

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 de lʼappareil utilisé pour consulter le site, à condition que la page web s’adapte également. Le fait est que Search & Lister est un composant uniquement qui ne régit pas le style au niveau de la page.

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

Capture d’écran du composant Search Lister
Figure : 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 sont utiles pour fournir aux utilisateurs finaux une expérience de liste et de recherche de formulaires. Pour en savoir plus sur les métadonnées personnalisées, consultez la section Personnaliser les modèles pour les composants Forms Portal.

Forms Portal fournit des actions de rendu prêtes à l’emploi. Vous pouvez personnaliser Forms Portal pour ajouter d’autres actions. Pour plus d’informations, voir Ajout d’une action personnalisée sur des éléments de liste de formulaire.

Articles connexes

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da