Création d’un formulaire adaptatif

Les formulaires adaptatifs vous permettent de créer des formulaires attrayants, réactifs, dynamiques et adaptatifs. AEM Forms fournit un assistant convivial destiné à l’entreprise afin de créer rapidement un Forms adaptatif. L’assistant dispose d’une navigation rapide par onglets pour sélectionner facilement un modèle, un style, des champs et des options d’envoi préconfigurés afin de créer un formulaire adaptatif.

Assistant de création d’un formulaire adaptatif

Conditions préalables

Pour créer un formulaire adaptatif, vous devez disposer des éléments suivants :

  • Un modèle de formulaire adaptatif: Un modèle fournit une structure de base et définit l’aspect (mises en page et styles) d’un formulaire adaptatif. Il comporte des composants pré-formatés contenant certaines propriétés et une certaine structure de contenu. Il fournit également les options permettant de définir un thème et une action d’envoi. Le thème définit l’apparence et l’action d’envoi définit l’action à entreprendre lors de l’envoi d’un formulaire adaptatif. Par exemple, l’envoi des données collectées à une source de données. Le service cloud prend en charge deux types de modèles :

    • Modèle modifiable: Vous pouvez créer ou importer un modèle modifiable existant. Vous pouvez également déployer le archetype le plus récent pour obtenir des exemples de modèles modifiables.
    • Modèle statique: Il s’agit de modèles hérités qui ne sont recommandés que pour les clients effectuant la migration depuis des installations Adobe Managed Services (AMS) et AEM Forms On-Premise (AEM 6.5 Forms ou version antérieure). Elles vous permettent de continuer à exploiter votre investissement existant dans les modèles statiques. Lorsque vous créez un formulaire adaptatif, il est recommandé d’utiliser un modèle modifiable.
  • Un thème de formulaire adaptatif: Un thème contient des détails de style pour les composants et les panneaux. Ces styles incluent les propriétés telles que les couleurs d’arrière-plan, les couleurs d’état, la transparence, l’alignement et la taille. Lorsque vous appliquez un thème, le style spécifié se reflète sur les composants correspondants. Vous pouvez créer un thème ou importer un thème existant. Vous pouvez également déployer le archetype le plus récent pour quelques exemples de thèmes.

  • Autorisations: Ajoutez vos utilisateurs à forms-users pour leur fournir les autorisations nécessaires à la création d’un formulaire adaptatif. Pour obtenir la liste détaillée des groupes d’utilisateurs spécifiques aux formulaires, voir Groupes et autorisations.

  1. Accédez à l’instance d’auteur Experience Manager Forms. Il peut s’agir d’une instance cloud ou d’une instance de développement local.

  2. Entrez vos informations d’identification dans la page de connexion d’Experience Manager.

    Une fois connecté, dans le coin supérieur gauche, appuyez sur Adobe Experience Manager > Formulaires > Formulaires et documents..

  3. Appuyer Créer > Forms adaptatif. L’assistant s’ouvre.

  4. Dans l'onglet Source , sélectionnez un modèle :

    • Lorsque vous sélectionnez un modèle modifiable, un thème et une action d’envoi spécifiés dans le modèle sont automatiquement sélectionnés, et l’événement Créer est activé. Vous pouvez accéder au Style ou Envoi onglets pour sélectionner un autre thème ou une autre action d’envoi. Si le modèle modifiable sélectionné ne spécifie pas de thème, le bouton de création reste désactivé. Vous pouvez accéder au Styles pour sélectionner manuellement un thème.

      REMARQUE

      Vous pouvez également créer des Document d’enregistrement à l’aide d’un éditeur de formulaire adaptatif. Pour plus d’informations, voir Prise en charge des documents d’enregistrement dans l’éditeur de formulaire adaptatif.

    • Lorsque vous sélectionnez un modèle statique, les options données, style, envoi, diffusion et aperçu ne sont pas disponibles. Lorsque vous créez un formulaire adaptatif, il est recommandé d’utiliser un modèle modifiable.

  5. Dans l’onglet Style , sélectionnez un thème :

    • Lorsque le modèle sélectionné spécifie un thème, celui-ci est automatiquement sélectionné dans l'assistant. Vous pouvez également choisir un thème différent dans l’onglet Style .
    • Si le modèle sélectionné ne spécifie aucun thème, vous pouvez utiliser l’onglet Style pour choisir un thème. Le Créer n’est activé qu’après la sélection d’un thème.
  6. (Facultatif) Dans l’onglet Données, sélectionnez un modèle de données :

    • Modèle de données de formulaire: A Modèle de données de formulaire vous permet d’intégrer des entités et des services provenant de sources de données disparates à un formulaire adaptatif. Choisissez Modèle de données de formulaire si le formulaire adaptatif que vous créez implique la récupération et l’écriture de données à partir de et vers plusieurs sources de données.
    • Schéma JSON: Schéma JSON représente la structure dans laquelle les données sont générées ou utilisées par le système principal de votre entreprise. Vous pouvez associer le schéma à un formulaire adaptatif et utiliser ses éléments pour ajouter du contenu dynamique à un formulaire adaptatif. Les éléments du schéma peuvent être utilisés dans l’onglet Objets de modèle de données de l’explorateur de contenu lors de la création d’un Forms adaptatif et tous les champs sont également ajoutés au formulaire adaptatif nouvellement créé.

    Par défaut, tous les champs du modèle de données sont sélectionnés. Lorsque vous créez le formulaire adaptatif, tous les champs de modèle de données sélectionnés sont convertis en composants de formulaire adaptatif correspondants. L’assistant vous fournit des cases à cocher pour sélectionner uniquement les champs qui doivent être inclus dans le formulaire adaptatif.

  7. Dans l’onglet Envoi , sélectionnez une action d’envoi :

    • Lorsque vous sélectionnez un modèle, l’action d’envoi indiquée dans le modèle est automatiquement sélectionnée. Vous pouvez sélectionner une autre action d’envoi dans l’onglet Envoi . Le Envoi affiche toutes les actions d’envoi disponibles.

    • Lorsque le modèle sélectionné ne spécifie aucune action d’envoi, vous pouvez utiliser la variable Envoi pour sélectionner une action d’envoi

  8. (Facultatif) Dans l’onglet Diffusion , vous pouvez spécifier une date de publication ou d’annulation de publication pour un formulaire adaptatif.

  9. Appuyez sur Créer. Une boîte de dialogue pour spécifier le titre, le nom et l’emplacement d’enregistrement du formulaire adaptatif s’affiche :

    • Titre Indique le nom d’affichage du formulaire. Le titre vous permet d’identifier le formulaire dans l’interface utilisateur Experience Manager Forms d’AEM Forms.
    • Nom : indique le nom du formulaire. Un nœud portant le nom indiqué est alors créé dans le référentiel. Lorsque vous commencez à saisir un titre, une valeur pour le champ de nom est automatiquement générée. Vous pouvez modifier la valeur suggérée. Le champ de nom peut contenir uniquement des caractères alphanumériques, des traits d’union et des tirets bas. Toutes les entrées non valides sont remplacées par un tiret.
    • Chemin : Indique l’emplacement d’enregistrement du formulaire adaptatif. Vous pouvez enregistrer le formulaire adaptatif directement à l’adresse /content/dam/formsanddocuments ou créez un dossier tel que /content/dam/formsanddocuments/adaptiveforms pour enregistrer un formulaire adaptatif. Assurez-vous de créer le dossier avant de l’utiliser dans le chemin d’accès. Le Chemin : ne crée pas automatiquement de dossier.
  10. Appuyez sur Créer. Un formulaire adaptatif est créé et s’ouvre dans l’éditeur de Forms adaptatif. L’éditeur affiche le contenu disponible dans le modèle. Il affiche également la barre latérale permettant de personnaliser le formulaire nouvellement créé selon vos besoins.

    Selon le type de formulaire adaptatif, les éléments de formulaire présents dans le Le schéma JSON ou le modèle de données de formulaire s’affichent dans la variable Objets de modèle de données de l’onglet Explorateur de contenu dans la barre latérale. Vous pouvez également faire glisser ces éléments pour créer votre formulaire adaptatif.

Modifier les propriétés du modèle de formulaire d’un formulaire adaptatif

Vous pouvez modifier le modèle de formulaire d’un formulaire adaptatif (basé sur JSON ou modèle de données de formulaire). Vous ne pouvez pas passer d’un modèle de formulaire à un autre.

  1. Sélectionnez le document adaptatif et appuyez sur l’icône Propriétés.

  2. Ouvrez l’onglet Modèle de formulaire et effectuez l’une des actions suivantes.

    • Si le formulaire adaptatif ne dispose pas de modèle de formulaire, vous pouvez choisir un autre modèle de formulaire et, ensuite, sélectionner un schéma XML ou JSON, ou un modèle de formulaire.
    • Pour un formulaire adaptatif est basé sur un modèle de formulaire, vous pouvez choisir un autre schéma XML ou JSON, ou un autre modèle de données de formulaire pour le même modèle de formulaire.
  3. Appuyez sur Enregistrer pour enregistrer les propriétés.

Vous pouvez également modifier les propriétés du modèle de formulaire à partir de l’éditeur de formulaire adaptatif ou de l’éditeur de modèle de formulaire adaptatif.

  1. Sélectionnez la Conteneur de formulaires adaptatifs (racine) composant.

  2. Cliquez sur Icône Configurer pour ouvrir la Propriétés du conteneur de formulaires adaptatifs.

  3. Sélectionnez la Modèle de données et effectuez l’une des opérations suivantes :

    • Si le formulaire adaptatif est dépourvu de modèle de formulaire, vous pouvez choisir un modèle de formulaire et sélectionner en conséquence Schéma XML ou JSON ou modèle de données de formulaire.
    • Si le formulaire adaptatif est basé sur un modèle de formulaire, vous ne pouvez pas le modifier. Vous pouvez en choisir un autre Schéma XML ou JSON ou modèle de données de formulaire pour le même modèle de formulaire, selon le cas.
  4. Appuyez sur Enregistrer pour enregistrer les propriétés.

Prise en charge de schéma FDM

Sur cette page