Création de formulaires HTML5

HTML5 forms est une nouvelle fonctionnalité d’Adobe Experience Manager qui offre le rendu des modèles de formulaire XFA (xdp) au format HTML5. Cette fonctionnalité permet le rendu des formulaires sur les périphériques mobiles et les navigateurs de bureau ne prenant pas en charge les documents XFA en PDF. Les formulaires HTML5 prennent en charge les fonctionnalités existantes des modèles de formulaires XFA, mais ajoutent également de nouvelles fonctionnalités, telles que la signature tactile, pour les appareils mobiles.

Prérequis

Vérifiez que vous disposez d’une instance de travail d’AEM Forms. Veuillez suivre le guide d’installation pour installer et configurer AEM Forms.

Créer votre premier formulaire HTML5

  1. Téléchargez et extrayez le contenu du fichier ZIP. Le fichier zip contient le fichier xdp et le fichier de données.
  2. Accès à Forms et aux documents
  3. Cliquez sur Créer -> Téléchargement du fichier
  4. Sélectionnez le modèle xdp téléchargé à l’étape 2.

Aperçu au format HTML

Le xdp peut être prévisualisé au format HTML5 ou PDF. Pour prévisualiser le fichier xdp au format HTML5, procédez comme suit :

  • Appuyez sur le fichier xdp nouvellement chargé et cliquez sur Aperçu -> Aperçu au format HTML. Vous devriez voir le fichier xdp rendu au format HTML5.
REMARQUE

Lorsque vous sélectionnez l’option Aperçu au format PDF , le PDF rendu ne s’affiche pas dans le navigateur, car AEM Forms effectue le rendu des pdf dynamiques qui nécessitent le module externe Acrobat. Vous devez télécharger le PDF et l’ouvrir à l’aide d’Adobe Acrobat/Reader pour l’afficher.

Aperçu avec des données

Pour prévisualiser le fichier xdp au format HTML5 avec le fichier de données, procédez comme suit :

  • Appuyez sur le fichier xdp nouvellement chargé et cliquez sur Aperçu -> Aperçu avec des données. Recherchez et sélectionnez le fichier de données, puis cliquez sur Aperçu.
  • Le modèle rendu au format HTML5 doit être prérenseigné avec les données.

Explorer les propriétés avancées du modèle xdp

Les propriétés avancées du modèle xdp vous permettent de définir la date de publication, le gestionnaire d’envoi, le profil de rendu de votre formulaire, le service de préremplissage, etc. Pour afficher les propriétés avancées du modèle, appuyez sur xdp et cliquez sur properties -> Advanced. Vous y trouverez plusieurs propriétés. Certaines de ces propriétés sont décrites ici.

URL d’envoi : il s’agit de l’URL qui gérera l’envoi du formulaire HTML5. Nous aborderons cela dans la prochaine leçon. Si aucune URL d’envoi n’est spécifiée ici, le gestionnaire d’envoi par défaut est appelé, ce qui renvoie les données de formulaire au navigateur.

Profil de rendu HTML : les formulaires HTML5 ont la notion de profils qui sont exposés en tant que points de fin REST pour activer le rendu mobile des modèles de formulaire. La majorité des fois où le profil de rendu par défaut doit être suffisant pour générer le formulaire. Si le profil de rendu par défaut ne répond pas à vos besoins, un profil personnalisé peut être créé et associé au formulaire.

Service de préremplissage : le service de préremplissage est généralement utilisé pour remplir votre formulaire avec des données récupérées à partir d’une source de données d’arrière-plan.

Sur cette page