Didacticiels de mise en route de Designer...A propos des didacticiels de mise en route 1 1. A propos...

Didacticiels de miseen route de Designer

AEM 6.2 Forms

Informations juridiquesPour consulter les informations juridiques, voir https://helpx.adobe.com/fr/legal/legal-notices.html.

Dernière mise à jour le 2/6/18

Table des matières

A propos des didacticiels de mise en route . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1Création d’un formulaire de bon de commande . . . . . . . . . . . . . . . . . . . . . . . . . . 1Création d’un formulaire de bon de commande doté d’une disposition souple . . . . . . . . . 1Création et utilisation des fragments dans les conceptions de formulaire . . . . . . . . . . . . 1

Création d’un formulaire de bon de commande . . . . . . . . . . . . . . . . . . . . . . . . . . . 2A propos de la création d’un formulaire de bon de commande . . . . . . . . . . . . . . . . . . 2Démarrage de la conception de formulaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4Démarrage de la conception de formulaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5Ajout d’un bouton d’impression . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6Ajout d’un logo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6Ajout d’un logo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7Ajout du titre du bon de commande . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7Ajout d’un champ de texte pour le numéro de bon de commande . . . . . . . . . . . . . . . . 8Ajout d’un champ de date pour la date du bon de commande . . . . . . . . . . . . . . . . . . 9Aperçu de votre travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10Enregistrement de la conception de formulaire . . . . . . . . . . . . . . . . . . . . . . . . . . . 10Ajout d’un bloc d’adresse . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11Ajout des détails du bon de commande . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12Déplacement du tableau du bon de commande . . . . . . . . . . . . . . . . . . . . . . . . . . . 13Dimensionnement du tableau du bon de commande . . . . . . . . . . . . . . . . . . . . . . . 14Saisie de libellés sur la rangée d’en-tête . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14Définition des cellules N° d’article et Description sous forme de champs de texte . . . . . . . 15Conversion des cellules en champs numériques . . . . . . . . . . . . . . . . . . . . . . . . . . 16Attribution de noms aux champs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16Exécution d’un calcul dans la colonne Montant . . . . . . . . . . . . . . . . . . . . . . . . . . 17Exécution d’un calcul dans la colonne Montant . . . . . . . . . . . . . . . . . . . . . . . . . . 18Ajout de rangées au tableau du bon de commande . . . . . . . . . . . . . . . . . . . . . . . . . 18

i

Changement du nom du contenu de votre formulaire . . . . . . . . . . . . . . . . . . . . . . . 20Changement du nom du contenu de votre formulaire . . . . . . . . . . . . . . . . . . . . . . . 20Insertion du sous-total au bas du tableau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21Insertion de champs Taxe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22Insertion du champ Frais de livraison . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24Insertion du champ Total général . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24Ajout de la section Conditions générales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25Ajout du champ d’objet Autorisé par . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26En quoi consiste l’étape suivante . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28

Création d’un formulaire de bon de commande doté d’une disposition souple . . . . . . . . 29A propos de la création d’un formulaire de bon de commande doté d’une disposition souple . . . . 30Ouverture du formulaire de bon de commande . . . . . . . . . . . . . . . . . . . . . . . . . . 31Ouverture du formulaire de bon de commande . . . . . . . . . . . . . . . . . . . . . . . . . . 31Amélioration du format du formulaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32Organisation du formulaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33Mise en forme du pied de page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35Configuration de l’agrandissement dynamique du tableau . . . . . . . . . . . . . . . . . . . . 36Correction du calcul pour le champ Total . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37Définition des champs en lecture seule . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38Connexion à une source de données . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38Connexion à une source de données . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39Liaison de données aux champs et aux cellules de tableau . . . . . . . . . . . . . . . . . . . . . 40Spécification d’un fichier de données . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43Spécification d’un fichier de données . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43En quoi consiste l’étape suivante ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46

Création et utilisation des fragments dans les conceptions de formulaire . . . . . . . . . . . 47A propos de la création et de l’utilisation des fragments dans les conceptions de formulaire . . . . 47Ouverture d’un exemple de fragment dans la palette Bibliothèque de fragments . . . . . . . . 49Ouverture de la bibliothèque d’exemples de fragments dans la palette Bibliothèque de fragments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50Création d’un fragment . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51Création d’un fragment . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55Modification d’un fragment . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58Modification d’un fragment . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59Utilisation des fragments contenant un script . . . . . . . . . . . . . . . . . . . . . . . . . . . 60Utilisation des fragments lors du contrôle de l’affichage des sous-formulaires . . . . . . . . . 64Utilisation des fragments lors du contrôle de l’affichage des sous-formulaires . . . . . . . . . 65En quoi consiste l’étape suivante . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68

ii

A propos des didacticiels de mise en route

1

1. A propos des didacticiels de mise en route

Les didacticiels de mise en route sont conçus pour vous aider à commencer avec Designer.

REMARQUE : Ce document utilise les termes d’Adobe Experience Manager forms, d’AEM Forms on JEE et de LiveCycle de manière interchangeable.

1.1. Création d’un formulaire de bon de commande

Ce didacticiel vous guide dans la création d’un bon de commande interactif qui comporte un bouton d’impression. L’utilisateur n’aura plus qu’à cliquer sur ce bouton pour imprimer le formulaire. Il vous renverra ensuite l’exemplaire imprimé du formulaire. Outre l’ajout d’objets, vous apprendrez à incorporer des opérations de calcul simples. Voir Création d’un formulaire de bon de commande.

1.2. Création d’un formulaire de bon de commande doté d’une disposition souple

Ce didacticiel vous guide dans le processus de conversion d’un formulaire à disposition fixe en formulaire à disposition souple, également appelée disposition dynamique. Grâce aux sous-formu-laires, le formulaire affiche toutes les commandes qu’a passées l’un de vos clients. Ce didacticiel vous montre également comment fusionner un formulaire avec des données. Voir Création d’un formu-laire de bon de commande doté d’une disposition souple.

1.3. Création et utilisation des fragments dans les concep-tions de formulaire

Ce didacticiel vous montre comment créer des fragments et les utiliser pour simplifier la création de collections de formulaires. Voir Création et utilisation des fragments dans les conceptions de formu-laire.

Création d’un formulaire de bon de commande 2

2. Création d’un formulaire de bon de commande

2

Dans ce didacticiel, vous utilisez Designer pour créer un formulaire de bon de commande interactif comprenant un bouton d’impression.

L’utilisateur n’aura plus qu’à cliquer sur ce bouton pour imprimer le formulaire. Il vous renverra ensuite l’exemplaire imprimé du formulaire. Outre les concepts de base, vous apprendrez à incorporer des opérations mathématiques simples dans les formulaires. Ce didacticiel constitue une introduction de grande utilité, quel que soit le type de formulaire que vous souhaitiez créer par la suite.

2.1. A propos de la création d’un formulaire de bon de commande

Au cours d’une journée de travail, vous êtes amené à utiliser différents types de formulaires, tels que des formulaires de commande, des factures, des prêts et des feuilles de présence :

• les formulaires à remplir directement, soit à la main soit électroniquement ;

• les formulaires à remplir parallèlement à un processus faisant appel à un serveur, qui fusionne les données dans le formulaire ;

• les formulaires qui combinent les deux types.

Après avoir suivi ce didacticiel dans son intégralité, vous créerez un formulaire identique au bon de commande suivant.

Création d’un formulaire de bon de commande

Cliquez pour continuer :Démarrage de la conception de formulaire

3


2.2. Démarrage de la conception de formulaire

4

La seule condition requise concernant le bon de commande est qu’il n’occupe qu’une seule page au format PDF. Les utilisateurs rempliront le formulaire par voie électronique à l’aide d’Adobe® Reader®, l’imprimeront à l’aide du bouton prévu à cet effet dans le formulaire, puis vous le renverront manuellement.

Designer offre plusieurs méthodes pour commencer rapidement une conception de formulaire. Pour les besoins de ce didacticiel, nous utiliserons l’assistant de création de formulaires afin de créer le bon de commande. L’assistant de création de formulaires simplifie la procédure de création d’une conception de formulaire en vous guidant dans une série d’étapes, du choix du type de formulaire à créer au mode de renvoi des informations en passant par le mode de remplissage du formulaire.

1) Choisissez Fichier > Nouveau.

L’assistant de création de formulaires apparaît.

2) Cliquez sur Suivant.

3) Dans la liste Format de page, sélectionnez Lettre.

4) Cliquez sur Terminer.

La nouvelle conception de formulaire apparaît dans l’éditeur de mise en forme.

Cliquez pour continuer : Ajout d’un bouton d’impression


2.3. Démarrage de la conception de formulaire

Vous créez une conception de formulaire dans l’espace de travail Designer.

• Pour ajouter un bouton d’impression, dans la palette Bibliothèque d’objets, cliquez sur la caté-gorie Standard, puis faites glisser l’objet Bouton d’impression sur le formulaire dans le coin supérieur droit.

Cliquez pour continuer : Ajout d’un logo

5


2.4. Ajout d’un bouton d’impression

6

Vous allez maintenant ajouter un bouton Imprimer au bon de commande.

• Pour ajouter un bouton d’impression, dans la palette Bibliothèque d’objets, cliquez sur la caté-gorie Standard, puis faites glisser l’objet Bouton d’impression sur la conception de formu-laire dans le coin supérieur droit.

Designer ajoute un bouton Imprimer le formulaire dans la conception de formulaire. Une fois le formulaire dûment rempli, les utilisateurs cliquent sur le bouton Imprimer le formulaire afin d’en imprimer un exemplaire.

Cliquez pour continuer : Ajout d’un logo

2.5. Ajout d’un logo

Dans cette section, vous apprendrez à ajouter un logo au bon de commande.

1) Dans la palette Bibliothèque d’objets, cliquez sur la catégorie Standard, puis faites glisser l’objet Image sur la conception de formulaire dans le coin supérieur gauche.

2) Cliquez deux fois sur la balise d’emplacement et localisez le fichier image.

Par exemple, si vous avez installé les exemples fournis avec Designer, recherchez le dossier d’installation et ouvrez le fichier image suivant :

FR\Samples\Forms\Purchase Order\Images\Purchase Order.tif.

3) Dans la palette Objet, choisissez Utiliser la taille d’origine dans la liste Taille.

Cliquez pour continuer : Ajout du titre du bon de commande


2.6. Ajout d’un logo

Dans cette section, vous apprendrez à ajouter un logo au bon de commande.

1) Dans la palette Bibliothèque d’objets, cliquez sur la catégorie Standard, puis faites glisser l’objet Image sur la conception de formulaire dans le coin supérieur gauche.

REMARQUE : Si vous utilisez Designer dans ABAP Workbench ou SAP NetWeaver Developer Studio, recherchez une image que vous pouvez utiliser comme logo.

2) Dans la palette Objet, choisissez Utiliser la taille d’origine dans la liste Taille.

Cliquez pour continuer : Ajout du titre du bon de commande

2.7. Ajout du titre du bon de commande

Dans cette section, vous apprendrez à ajouter un titre au bon de commande.

1) Dans la palette Bibliothèque d’objets, cliquez sur la catégorie Standard, puis faites glisser l’objet Texte sous le logo.

2) Sélectionnez le texte dans l’objet Texte et saisissezBon de commande.

3) Sélectionnez le texte dans l’objet de texte, puis dans la palette Police, sélectionnez 20 dans la liste Taille et Gras dans la liste Style.

ASTUCE : Vous pouvez définir la police par défaut pour les objets. Par exemple, si vous souhaitez définir la police par défaut pour tous les objets de texte sur Arial, insérez un objet de texte dans le formulaire, choisissez la police Arial, puis faites glisser l’objet de texte dans la catégorie Stan-dard de la palette Bibliothèque d’objets. Dans la boîte de dialogue Ajouter un objet de biblio-thèque, saisissezTexte, puis cliquez sur OK. Designer vous demande de confirmer que vous voulez remplacer l’objet Texte existant. Cliquez sur Oui.

Cliquez pour continuer : Ajout d’un champ de texte pour le numéro de bon de commande

7


2.8. Ajout d’un champ de texte pour le numéro de bon de commande

8

Ensuite, vous devez utiliser un champ de texte pour le numéro du bon de commande. Dans ce formulaire, il comporte 10 chiffres.

1) Dans la palette Bibliothèque d’objets, cliquez sur la catégorie Standard, puis faites glisser l’objet Champ de texte sur le formulaire dans le coin supérieur droit.

2) Sélectionnez le texte dans l’objet de champ de texte et saisissezNº de bon de commande.

ASTUCE : Après avoir sélectionné Champ de texte, vous pouvez modifier la police, la taille et le style de la légende et de la valeur. La légende (intitulé du champ) est placée à côté de la valeur (zone dans laquelle l’utilisateur saisit les données). Dans la palette Police, utilisez le menu pour modifier les polices de la légende et de la valeur.

Ensuite, vous devez définir la longueur du champ de texte, 10 caractères au maximum.

3) Dans la palette Objet, cliquez sur l’onglet Champ, puis sélectionnez l’option Limiter la taille. Type10dans la zone Nombre max. de caractères.

Cliquez pour continuer : Ajout d’un champ de date pour la date du bon de commande


2.9. Ajout d’un champ de date pour la date du bon de commande

Vous pouvez utiliser l’objet Champ Date/Heure pour aider les utilisateurs à sélectionner une date. Ce calendrier est présenté à l’utilisateur lorsqu’il clique sur la liste déroulante de date alors que le formulaire est affiché dans Adobe® Acrobat®.

1) Dans la palette Bibliothèque d’objets, cliquez sur la catégorie Standard, puis faites glisser l’objet Champ de date sur le formulaire sous le numéro de bon de commande.

2) Sélectionnez le texte de l’objet Champ Date/Heure et saisissezDate du bon de commande.

Cliquez pour continuer : Aperçu de votre travail

9


2.10. Aperçu de votre travail

10

A mesure que vous travaillez, vous pouvez prévisualiser la conception du formulaire pour savoir comment il se présente à la personne qui devra le renseigner. Par exemple, voici comment il va se présenter.

1) Cliquez sur l’onglet Aperçu PDF.

2) Cliquez sur le panneau Vue de conception pour continuer à modifier la conception de formulaire.

Cliquez pour continuer : Enregistrement de la conception de formulaire

2.11. Enregistrement de la conception de formulaire

Il est conseillé d’enregistrer le formulaire maintenant. Vous devez enregistrer la conception de formulaire dans un fichier PDF que les personnes pourront remplir électroniquement, puis imprimer à l’aide du bouton Imprimer le formulaire.

1) Cliquez sur Fichier > Enregistrer sous.

2) Sélectionnez l’emplacement de la conception du formulaire, puis indiquez son nom dans le champ Nom du fichier.

3) Dans la liste Type, sélectionnez Formulaire PDF statique Adobe (*.pdf).

Cliquez pour continuer : Ajout d’un bloc d’adresse


2.12. Ajout d’un bloc d’adresse

Designer contient des objets personnalisés prédéfinis que vous pouvez utiliser pour créer rapide-ment des formulaires. Par exemple, dans ce didacticiel, vous utiliserez l’objet de bibliothèque person-nalisé Bloc d’adresse pour insérer plusieurs champs à la fois.

1) Dans la palette Bibliothèque d’objets, cliquez sur la catégorie Personnalisés et faites glisser l’objet de champ Bloc d’adresse sur le formulaire sous le titre Bon de commande.

2) Renommez le champ de texte Nom enCommandé par.

3) Dans la palette Bibliothèque d’objets, cliquez sur la catégorie Standard, puis faites glisser l’objet Champ de texte sur le formulaire sous le champ Pays.

4) Nommez l’objet de Champ de texteNuméro de téléphone.

5) Ajoutez un autre objet Champ de texte pourTélécopieur.

6) Ajoutez un autre objet de champ de texte dans le formulaire sous le numéro de télécopie.

7) Nommez l’objet de Champ de textePersonne à contacter.

8) Pour insérer un second bloc d’adresse à côté de celui-là, faites glisser le pointeur pour sélec-tionner tous les champs créés aux étapes 1 à 7 et réduisez leur largeur d’environ un centimètre à l’aide de la poignée de droite.

9) Copiez et collez les champs sélectionnés à côté du bloc d’adresse Commandé par.

10) Renommez le second champ Commandé par enLivré à.

Normalement, voici à quoi ressemble maintenant le formulaire.

11


12

Vous pouvez afficher un aperçu du formulaire dans le panneau Aperçu PDF.

ASTUCE : Pour améliorer la présentation du formulaire, vous pouvez modifier l’aspect des champs de texte enfoncés. Pour ce faire, dans la palette Objet, sélectionnez l’objet, cliquez sur l’onglet Champ et choisissez Souligné dans la liste Aspect.

Cliquez pour continuer : Ajout des détails du bon de commande

2.13. Ajout des détails du bon de commande

Maintenant, vous devez ajouter un tableau destiné à contenir les numéros d’articles, la description des articles, les quantités, les prix unitaires et les volumes de chaque article. Les tableaux permettent de construire cette section rapidement. Le tableau va comporter cinq colonnes.

Cet assistant permet de créer facilement un tableau si vous avez peu d’expérience en matière de créa-tion de tableaux dans Designer.

1) Choisissez Tableau > Insérer un tableau.

2) Sélectionnez l’option Créer un tableau à l’aide de l’assistant, puis cliquez sur OK.

3) Sous Contenu aux dimensions fixes, saisissez 5 pour le nombre de colonnes et 1 pour le nombre de rangées de contenu, puis cliquez sur Suivant.


4) Sélectionnez l’option Avec rangée de pied de page et cliquez sur Suivant.

5) Vérifiez si l’option Aucune rangée de pied de page est sélectionnée et cliquez sur Suivant.

6) Sélectionnez l’option Avec rangées de contenu et sans sections, puis cliquez sur Suivant.

7) Désactivez l’option Alternance des couleurs de rangées, puis cliquez sur Terminer.

Cliquez pour continuer : Déplacement du tableau du bon de commande

2.14. Déplacement du tableau du bon de commande

Voici le tableau que vous venez d’insérer.

A.Curseur de déplacement du tableau

B.Rangée d’en-tête

C.Rangée de contenu

Maintenant, vous devez positionner le tableau sous les blocs d’adresse.

1) Si le tableau n’est pas sélectionné, déplacez le curseur vers le coin supérieur gauche jusqu’à ce que le curseur suivant apparaisse :

2) Cliquez pour sélectionner le tableau.

ASTUCE : Il existe un autre moyen de sélectionner le tableau qui consiste à sélectionner une cellule, choisir Tableau > Sélectionner, puis Tableau. Vous pouvez également cliquer et faire glisser le curseur pour sélectionner le tableau.

13


14

3) Déplacez le curseur vers le coin supérieur gauche du tableau jusqu’à ce que le curseur de dépla-cement s’affiche.

4) Faites glisser le tableau vers son nouvel emplacement.

Cliquez pour continuer : Dimensionnement du tableau du bon de commande

2.15. Dimensionnement du tableau du bon de commande

Vous pouvez dimensionner le tableau de sorte qu’il occupe la largeur de la page. Par défaut, il est centré sur la page.

1) Sélectionnez le tableau.

2) Déplacez le curseur vers la poignée centrale située à droite pour que le curseur de déplacement apparaisse (représenté dans l’étape suivante).

3) Faites glisser le curseur de sorte que le tableau remplisse la largeur de la page.

ASTUCE : Pour définir la même largeur pour toutes les colonnes, choisissez Tableau > Répartir proportionnellement les colonnes.

Cliquez pour continuer : Saisie de libellés sur la rangée d’en-tête

2.16. Saisie de libellés sur la rangée d’en-tête

1) Double-cliquez sur la première cellule du tableau et saisissezN° d’article.

2) Répétez l’étape 1 pour les autres cellules de la rangée d’en-tête afin d’obtenir le résultat suivant.

ASTUCE : Vous pouvez appliquer une couleur de remplissage à cette rangée pour la faire ressortir. Pour ce faire, sélectionnez la rangée en plaçant le curseur à gauche de la ligne, jusqu’à ce que ce curseur apparaisse . Puis, dans la palette Bordure, sélectionnez Plein dans la liste Style de remplissage de l’arrière-plan. Enfin, choisissez une couleur dans le Sélecteur de couleur .



Cliquez pour continuer : Définition des cellules N° d’article et Description sous forme de champs de texte

2.17. Définition des cellules N° d’article et Description sous forme de champs de texte

Par défaut, les cellules des tableaux sont des objets de texte. Maintenant, vous devez définir les cellules de la colonne Description sous forme de champs de texte. Les champs de texte permettent aux utilisateurs de saisir, sélectionner, modifier, couper, copier, coller et supprimer n’importe quelle portion du texte qui se trouve dans le champ. (Les objets de texte affichent un texte en lecture seule que l’utilisateur ne peut pas modifier.)

1) Sélectionnez la cellule située sous N° d’article.

2) Dans la palette Objet, activez l’onglet Cellule et choisissez Champ de texte dans la liste Type.

3) Dans la liste Aspect, sélectionnez Aucun.

15


16

4) Sélectionnez l’option Permettre des lignes multiples.

5) Recommencez les étapes 1 à 4 pour la cellule Description.

Cliquez pour continuer : Conversion des cellules en champs numériques

2.18. Conversion des cellules en champs numériques

Maintenant, vous devez définir Quantité, Prix unitaire et Montant comme champs numériques.

1) Sélectionnez la première cellule située sous Quantité.

2) Dans la palette Objet, activez l’onglet Cellule et choisissez Champ numérique dans la liste Type.

3) Dans le panneau Cellule, sélectionnez Aucun dans la liste Aspect.

4) Recommencez les étapes 1 à 3 pour Prix unitaire et Montant.

5) Les champs Prix unitaire et Montant contiennent des devises. Pour formater les données afin d’afficher les chiffres sous forme de devise, faites glisser le curseur afin de sélectionner les cellules des colonnes Prix unitaire et Montant. Puis, dans la palette Objet, cliquez sur l’onglet Cellule, puis sur le bouton Modèles et dans la zone Modèle, saisissez $z,zz9.99.

6) Cliquez sur OK.

Cliquez pour continuer : Attribution de noms aux champs

2.19. Attribution de noms aux champs

Pour faciliter la lecture et l’utilisation de votre formulaire et exécuter des calculs, il est préférable de renommer les champs. Pour effectuer des calculs, vous devez connaître le nom exact du champ.

REMARQUE : Designer est sensible à la casse.

1) Sélectionnez la cellule située sous N° d’article.

2) Dans la palette Objet, cliquez sur l’onglet Liaison et saisissez référence dans la zone Nom.

3) Répétez les étapes 1 et 2 pour les autres colonnes et nommez-les comme suit :


• description

• quantité

• prixUnitaire

• montant

Cliquez pour continuer : Exécution d’un calcul dans la colonne Montant

2.20. Exécution d’un calcul dans la colonne Montant

La colonne Montant doit contenir le nombre d’articles commandés multiplié par le prix unitaire. Pour effectuer les calculs dans Designer, vous devez utiliser FormCalc ou JavaScript™. Pour ce calcul, vous allez utiliser FormCalc. FormCalc est un langage de calcul simple mais puissant, basé sur les tableurs traditionnels. Il permet de créer des formulaires, rapidement et efficacement, sans exiger la maîtrise des techniques ou des langages de script traditionnels. L’éditeur de script permet d’entrer des calculs pour les différents objets du formulaire.

1) Si l’éditeur de script n’est pas affiché à l’écran, choisissez Fenêtre > Editeur de script.

2) Le cas échéant, faites glisser la barre de la palette Editeur de script jusqu’à la taille de palette requise.

3) Sélectionnez la cellule située sous Montant.

4) Sélectionnez calculate dans la liste Afficher.

5) Sélectionnez FormCalc dans la liste Langage, et Client dans la liste Exécuter sur.

6) Dans le champ Source du script, saisissez le calcul suivant :

quantity * unitPrice

7) Désélectionnez la cellule pour ajouter le script à votre formulaire.

8) Pour définir cette colonne en lecture seule, sélectionnez à nouveau la cellule puis, dans la palette Objet, cliquez sur l’onglet Valeur et choisissez Calculé - Lecture seule dans la liste Type.

Cliquez pour continuer : Ajout de rangées au tableau du bon de commande

17


2.21. Exécution d’un calcul dans la colonne Montant

18

La colonne Montant doit contenir le nombre d’articles commandés multiplié par le prix unitaire. Pour effectuer les calculs dans Designer, vous devez utiliser FormCalc ou JavaScript. Pour ce calcul, vous allez utiliser FormCalc. FormCalc est un langage de calcul simple mais puissant, basé sur les tableurs traditionnels. Il permet de créer des formulaires, rapidement et efficacement, sans exiger la maîtrise des techniques ou des langages de script traditionnels. L’éditeur de script permet d’entrer des calculs pour les différents objets du formulaire.

1) Si l’éditeur de script n’est pas affiché à l’écran, choisissez Palette > Editeur de script.

2) Le cas échéant, faites glisser la barre de la palette Editeur de script jusqu’à la taille de palette requise.

3) Sélectionnez la cellule située sous Montant.

4) Sélectionnez calculate dans la liste Afficher.



quantity * unitPrice

7) Désélectionnez la cellule pour ajouter le script à votre formulaire.

8) Pour définir cette colonne en lecture seule, sélectionnez à nouveau la cellule puis, dans la palette Objet, cliquez sur l’onglet Valeur et choisissez Calculé - Lecture seule dans la liste Type.

Cliquez pour continuer : Ajout de rangées au tableau du bon de commande

2.22. Ajout de rangées au tableau du bon de commande

Pour ce formulaire, vous avez besoin de sept rangées pour que les utilisateurs puissent y entrer les articles qu’ils souhaitent acheter. La commande Multiplier permet d’ajouter rapidement plusieurs rangées à la fois.

1) Faites glisser le curseur pour sélectionner la rangée de contenu.

2) Choisissez Edition > Multiplier.

3) Dans le champ Nombre de copies, entrez 6.


4) Sélectionnez l’option En dessous.

5) Vérifiez si l’option Aucun est sélectionnée dans la zone Espacement vertical.

Normalement, voici à quoi ressemble maintenant le formulaire :

Cliquez pour continuer : Changement du nom du contenu de votre formulaire

19


2.23. Changement du nom du contenu de votre formulaire

20

Il est judicieux de renommer les objets d’un formulaire afin de l’organiser et d’identifier ses diffé-rentes zones. Pour ce faire, le meilleur moyen est d’utiliser la palette Hiérarchie. Il s’agit en fait d’une représentation graphique du contenu de votre formulaire.

1) Choisissez Fenêtre > Hiérarchie.

2) Sélectionnez le premier objet de la hiérarchie, formulaire1.

3) Appuyez sur F2 ou cliquez avec le bouton droit et choisissez Renommer l’objet.

4) Saisissez le nouveau nom,PurchaseOrderForm.

5) Renommez (Sous-formulaire sans titre) (page 1) enPurchaseOrder.

Vous pouvez renommer le reste du contenu de votre formulaire, si besoin est, mais il n’est pas néces-saire de terminer ce didacticiel.

ASTUCE : Vous pouvez également déplacer des objets dans la Hiérarchie en les sélectionnant et en les faisant glisser vers le haut ou vers le bas.

Cliquez pour continuer : Insertion du sous-total au bas du tableau

2.24. Changement du nom du contenu de votre formulaire

Il est judicieux de renommer les objets d’un formulaire afin de l’organiser et d’identifier ses diffé-rentes zones. Pour ce faire, le meilleur moyen est d’utiliser la palette Hiérarchie. Il s’agit en fait d’une représentation graphique du contenu de votre formulaire.

1) Sélectionner Palette > Hiérarchie.

2) Sélectionnez le premier objet de la hiérarchie, formulaire1.

3) Appuyez sur F2 ou cliquez avec le bouton droit et choisissez Renommer l’objet.

4) Saisissez le nouveau nom,PurchaseOrderForm.

5) Renommez (Sous-formulaire sans titre) (page 1) enPurchaseOrder.

Vous pouvez renommer le reste du contenu de votre formulaire, si besoin est, mais il n’est pas néces-saire de terminer ce didacticiel.

ASTUCE : Vous pouvez également déplacer des objets dans la Hiérarchie en les sélectionnant et en les faisant glisser vers le haut ou vers le bas.

Cliquez pour continuer : Insertion du sous-total au bas du tableau


2.25. Insertion du sous-total au bas du tableau

Pour exécuter des calculs, FormCalc doit savoir quel objet utiliser dans le calcul. Dans cette étape, nous souhaitons générer le total de toutes les données de la colonne Montant. Si vous sélectionnez une cellule dans la colonne Montant, le nom interne apparaît dans l’éditeur de script (si vous agran-dissez l’éditeur de script).

Le nom interne correspond à celui qui apparaît dans la hiérarchie. PurchaseOrderForm se trouve en haut de la hiérarchie, suivi de PurchaseOrder, etc.

Toutes les rangées du tableau s’appellent Rangée1 suivi d’un numéro d’instance par défaut. Pour que les données puissent être ajoutées à une colonne, toutes les rangées doivent porter le même nom.

Maintenant, vous allez ajouter le calcul du sous-total au bas du tableau.

1) Dans la palette Bibliothèque d’objets, cliquez sur la catégorie Standard, puis faites glisser l’objet Champ numérique sur le formulaire dans le tableau sous la colonne Montant.

2) Sélectionnez le texte de la légende dans l’objet Champ numérique et saisissezTotal.

3) Dans la palette Objet, activez l’onglet Champ et choisissez Case pleine dans la liste Aspect.

4) Dans l’éditeur de script, sélectionnez calculate dans la liste Afficher.


21


22


sum(Table1.Row1[*].amount[*])

Le caractère générique (*) indique à Designer qu’il doit collecter toutes les données dans les rangées intitulées Rangée1 et toutes les données de la colonne Montant.

7) Désélectionnez l’objet Champ numérique pour ajouter le script à votre formulaire, puis sélec-tionnez-le à nouveau.

8) Dans la palette Objet, cliquez sur l’onglet Liaison et saisissez total dans la zone Nom.

9) Activez l’onglet Champ, cliquez sur Modèles et, dans la zone Modèle, saisissez $z,zz9.99.

10) Cliquez sur OK.

11) Cliquez sur l’onglet Valeur, et, dans le menu Type, choisissez Calculé - Lecture seule.

Cliquez pour continuer : Insertion de champs Taxe

2.26. Insertion de champs Taxe

Le bon de commande doit calculer les taxes fédérales et locales. Pour cela, créez un champ contenant le taux d’imposition et un champ calculé contenant le montant de la taxe.

2.26.1. Pour insérer le champ % Taxe locale

1) Dans la palette Bibliothèque d’objets, cliquez sur la catégorie Standard, puis faites glisser l’objet Champ numérique sur le formulaire sous le champ Total.

2) Sélectionnez le texte de la légende dans l’objet Champ numérique et saisissez % Taxe locale.

Vous pouvez redimensionner le champ pour le réduire.

3) Dans la palette Objet, activez l’onglet Champ et choisissez Case pleine dans la liste Aspect.

4) Cliquez sur Modèles et, dans la zone Modèle, saisissez z9.99%.

5) Cliquez sur l’onglet Liaison et saisissez stateTaxPercent dans la zone Nom.

6) Activez l’onglet Valeur et, dans la zone Valeur par défaut, tapez6.


2.26.2. Pour insérer le champ Taxe locale

1) Copiez le champ % Taxe locale et positionnez le nouveau champ à côté du champ % Taxe locale.

2) Sélectionnez le texte et saisissez Taxe locale.




(total * stateTaxPercent / 100)

6) Désélectionnez l’objet Champ numérique pour ajouter le script à votre formulaire, puis sélec-tionnez-le à nouveau.

7) Dans la palette Objet, cliquez sur l’onglet Liaison et saisissez stateTaxdans la zone Nom.



2.26.3. Pour insérer les champs % Taxe fédérale et Taxe fédérale

1) Recommencez la procédure d’insertion du champ % Taxe locale.

2) Recommencez la procédure d’insertion du champ Taxe locale.

3) Effectuez les modifications suivantes pour que les champs soient applicables à la taxe fédérale :

• Remplacez toutes les instances du mot state par federal.

• Définissez la valeur par défaut du taux d’imposition de la taxe fédérale sur 8.

• Définissez le calcul de taxeFédérale sur :

(total * federalTaxPercent / 100)

Cliquez pour continuer : Insertion du champ Frais de livraison

23


2.27. Insertion du champ Frais de livraison

24

Par défaut, des frais de livraison de 50 $ sont appliqués. Cependant, ce formulaire permet aux utili-sateurs de saisir un autre montant de frais de livraison, si besoin est.

1) Dans la palette Bibliothèque d’objets, cliquez sur la catégorie Standard, puis faites glisser l’objet Champ numérique sur le formulaire sous le champ de taxe fédérale.

2) Sélectionnez le texte de la légende dans l’objet Champ numérique et saisissez Frais de livraison.

3) Dans la palette Objet, cliquez sur l’onglet Liaison et saisissez shippingCharge dans la zone Nom.

4) Cliquez sur l’onglet Champ et, dans la liste Aspect, sélectionnez Case pleine.


6) Activez l’onglet Valeur et, dans la zone Valeur par défaut, tapez 50.

Cliquez pour continuer : Insertion du champ Total général

2.28. Insertion du champ Total général

Vous devez ajouter un champ Total global contenant le total des articles, taxes et frais de livraison.

1) Dans la palette Bibliothèque d’objets, cliquez sur la catégorie Standard, puis faites glisser l’objet Champ numérique sur le formulaire sous le champ Frais de livraison.

2) Sélectionnez le texte de la légende dans l’objet Champ numérique et saisissez Total général.

3) Dans la palette Objet, cliquez sur l’onglet Liaison et saisissez grandTotal dans la zone Nom.

4) Cliquez sur l’onglet Champ et, dans la liste Aspect, sélectionnez Case pleine.

5) Cliquez sur Modèles et, dans la zone Modèle, saisissez $z,zz9.99.





sum (total, stateTax, federalTax, shippingCharge)

9) Désélectionnez l’objet Champ numérique pour ajouter le script à votre formulaire.

Cliquez pour continuer : Ajout de la section Conditions générales

2.29. Ajout de la section Conditions générales

Vous allez maintenant ajouter la section Conditions générales définissant les conditions de paiement des articles.

1) Dans la palette Bibliothèque d’objets, cliquez sur la catégorie Standard, puis faites glisser l’objet Champ de texte sur le formulaire sous le tableau en regard des calculs.

2) Nommez-leTermes et conditions.

Vous devrez peut-être redimensionner le champ en fonction de la légende. Pour ce faire, déplacez le curseur vers la bordure gauche du champ. Cliquez et faites glisser le curseur pour redimensionner le champ.

3) Dans la palette Objet, cliquez sur l’onglet Champ, puis sélectionnez l’option Permettre des lignes multiples.

4) Sélectionnez Case pleine dans la liste Aspect.

5) Dans la palette Disposition, sélectionnez Haut dans la liste Position.

6) Faites glisser le curseur pour redimensionner le champ et l’agrandir.

Cliquez pour continuer : Ajout du champ d’objet Autorisé par

25


2.30. Ajout du champ d’objet Autorisé par

26

Si vous voulez que la personne remplissant le formulaire utilise la fonction de signature d’Acrobat pour signer le document, ajoutez un objet Champ de signature à la conception de formulaire.

1) Dans la palette Bibliothèque d’objets, cliquez sur la catégorie Standard, puis faites glisser l’objet Champ de signature sur le formulaire sous la section Termes et conditions.

2) Sélectionnez le texte de l’objet Champ de signature et saisissezAutorisé par.

3) Dans la palette Objet, sélectionnez Souligné dans la liste Aspect.

4) Faites glisser le curseur pour redimensionner le champ et l’agrandir.



Cliquez pour continuer : En quoi consiste l’étape suivante

27


2.31. En quoi consiste l’étape suivante

28

Ce type de formulaire n’est que l’un des nombreux types que vous pouvez créer en utilisant Designer.

LIENS CONNEXES :Création d’un formulaire de bon de commande doté d’une disposition souple

Création d’un formulaire de bon de commande doté d’une disposition souple

3. Création d’un formulaire de bon de commande doté d’une disposition souple

Dans ce didacticiel, vous apprendrez comment passer d’une disposition fixe de formulaire à une disposition souple en utilisant les sous-formulaires afin d’afficher tous les articles commandés par l’un de vos clients. Vous apprendrez également à fusionner un formulaire avec des données.

Démarrez ce didacticiel avec le formulaire créé dans le didacticiel Création d’un formulaire de bon de commande . Vous allez à nouveau travailler sur le formulaire pour obtenir une disposition souple. Une disposition souple signifie que le formulaire sera ajusté pour contenir les données. Ainsi, il affiche toutes les commandes passées par l’un de vos clients.

La conception de formulaire de ce didacticiel contient des informations issues d’une source de données. Vous obtenez un formulaire non interactif que vous pouvez imprimer et enregistrer de façon électronique.

29

http://www.adobe.com/go/learn_aemforms_designer_quick_start_62

http://www.adobe.com/go/learn_aemforms_designer_quick_start_62

Création d’un formulaire de bon de commande doté d’une disposition souple 3

3.1. A propos de la création d’un formulaire de bon de commande doté d’une disposition souple

30

A l’issue de ce didacticiel, vous obtiendrez un formulaire identique au bon de commande suivant dans lequel les données seront fusionnées.


Pour terminer ce didacticiel, vous devez disposer d’un schéma et d’un fichier de données. Vous pouvez utiliser ceux de Designer si vous avez installé les exemples vous-même. Par défaut, le schéma et le fichier de données se trouvent à l’emplacement suivant :

• \FR\Samples\Forms\Purchase Order\Schema\Schema\Forms\Purchase Order.xsd

• \FR\Samples\Forms\Purchase Order\Schema\Data\Purchase Order.xml

Cliquez pour continuer : Ouverture du formulaire de bon de commande

3.2. Ouverture du formulaire de bon de commande

Pour commencer, vous allez ouvrir le formulaire de bon de commande que vous avez enregistré dans le didacticiel précédent.

1) Choisissez Fichier > Ouvrir.

2) Localisez le formulaire que vous avez enregistré dans le didacticiel précédent et cliquez sur Ouvrir.

3) Choisissez Fichier > Enregistrer sous et sélectionnez Formulaire XML dynamique Adobe (*.pdf) dans la liste Type.

4) Modifiez le nom du fichier.

5) Cliquez sur Enregistrer.

ASTUCE : Si vous envisagez de créer plus de formulaires dotés d’une disposition souple que de formulaires à disposition statique, vous pouvez définir le type de fichier par défaut Formulaire XML dynamique pour les nouveaux formulaires dans la boîte de dialogue Outils > Options (onglet Gestion du document).

3.3. Ouverture du formulaire de bon de commande

Pour commencer, vous allez ouvrir le formulaire de bon de commande que vous avez enregistré dans le didacticiel précédent.

1) Choisissez Outils > Importer.

2) Localisez le formulaire que vous avez enregistré dans le didacticiel précédent et cliquez sur Ouvrir.

3) Choisissez Edition > Propriétés du formulaire, puis cliquez sur l’option Aperçu.

4) Dans la zone d’aperçu, assurez-vous que PDF dynamique est sélectionné pour le format d’aperçu Adobe XML et cliquez sur OK.

ASTUCE : Si vous utilisez Designer dans ABAP Workbench ou SAP NetWeaver Developer Studio, l’environnement enregistre les formulaires et modèles lorsque vous quittez l’application.

Cliquez pour continuer : Amélioration du format du formulaire

31


3.4. Amélioration du format du formulaire

32

Pour améliorer le format du formulaire pour l’impression, vous pouvez définir les objets de champ situés au-dessus du tableau pour qu’ils affichent un trait de soulignement et non un champ enfoncé.

1) Sélectionnez le champ N° de bon de commande.

2) Dans la palette Objet, cliquez sur l’onglet Champ et, dans la liste Aspect, sélectionnez Souligné.

3) Répétez cette procédure pour les autres objets de champ situés au-dessus du tableau.

ASTUCE : Vous pouvez modifier en même temps tous les objets sélectionnés du même type.

4) Sélectionnez tous les objets de champ situés au-dessus du tableau, excepté le titre Bouton Imprimer, Logo et Bon de commande.

5) Dans la palette Paragraphe, cliquez sur Aligner en bas.

6) Affichez le formulaire dans le panneau Aperçu PDF.

7) Cliquez sur le panneau Vue de conception pour continuer à modifier la conception de formu-laire.

Cliquez pour continuer : Organisation du formulaire


3.5. Organisation du formulaire

Pour créer une disposition souple, vous devez organiser les sections en sous-formulaires pour la fusion avec les données. Les sous-formulaires sont des objets qui agissent en tant que conteneurs pour d’autres objets, y compris les champs, objets standard et autres sous-formulaires. Ils permettent de positionner des objets les uns par rapport aux autres et offrent une structure dans les conceptions de formulaire avec une disposition souple.

1) Dans la palette Hiérarchie, sélectionnez tous les éléments figurant au-dessus du tableau.

2) Choisissez Insertion > Placer dans un sous-formulaire.

3) Sélectionnez (Sous-formulaire sans titre), cliquez avec le bouton droit et choisissez Renommer l’objet.

4) Type En-tête et appuyez sur Entrée.

5) Pour prévoir suffisamment d’espace au-dessus du sous-formulaire En-tête, assurez-vous que la palette Disposition est affichée puis, dans la zone Hauteur, sous Taille et position, entrez 4.5 dans.

33


34

6) Réduisez tous les éléments de la hiérarchie.

7) Répétez les étapes 1 et 2 pour tous les éléments situés sous le tableau (total to SignatureField1) et renommez ce nouveau (Sous-formulaire sans titre) Pied de page.

8) Pour prévoir suffisamment d’espace avant le sous-formulaire Pied de page, assurez-vous que la palette Disposition est affichée puis, dans la zone Haut, sous Marges, entrez 0.25 po.

Voici ce que vous devez voir dans la palette Hiérarchie si vous réduisez tout ce qui se trouve sous PurchaseOrder.

Cliquez pour continuer : Mise en forme du pied de page


3.6. Mise en forme du pied de page

Pour améliorer le format du pied de page, vous pouvez définir les champs situés en dessous du tableau pour qu’ils affichent un trait de soulignement et non une zone enfoncée. Vous pouvez égale-ment définir les légendes et les valeurs de sorte qu’elles soient alignées en bas et définir les valeurs des champs pour qu’elles soient centrées.

1) Faites glisser le curseur pour sélectionner les champs du pied de page (excepté les champs Conditions générales et Autorisé par).

ASTUCE : Si vous essayez de sélectionner les champs et que vous disposez du pointeur de déplace-ment, cliquez le long du bord de la conception du formulaire pour transformer le pointeur en pointe de flèche.

2) Dans la palette Objet, cliquez sur l’onglet Champ et, dans la liste Aspect, sélectionnez Souligné.

3) Dans la palette Paragraphe, cliquez sur Aligner en bas.

4) Dans la palette Modification de la légende, sélectionnez Modifier la valeur pour changer l’alignement du paragraphe relatif à la valeur uniquement.

5) Cliquez sur Aligner au centre.

Cliquez pour continuer : Configuration de l’agrandissement dynamique du tableau

35


3.7. Configuration de l’agrandissement dynamique du tableau

36

Dans un formulaire doté d’une disposition souple, il est probable que vous ignoriez la quantité de données de la source de données. Par conséquent, vous ne pouvez pas spécifier le nombre de rangées du tableau. Vous devez définir un tableau dynamique. Pour ce faire, il suffit d’inclure une rangée de contenu définie pour être répétée en fonction du volume de données de la source de données.

1) Faites glisser le pointeur pour sélectionner les rangées situées en dessous de la première rangée.

2) Choisissez Tableau > Supprimer > Rangées.

3) Dans la palette Hiérarchie, sélectionnez Tableau1.


4) Choisissez Insertion > Placer dans un sous-formulaire.

Une section contenant le tableau est créée dans le formulaire. Vous devez séparer cette section du reste du formulaire pour que sa taille augmente de façon dynamique pour contenir les données.

5) Le (Sous-formulaire sans titre) est sélectionné dans la palette Hiérarchie. Dans la palette Objet, cliquez sur l’onglet Sous-formulaire, puis sélectionnez Enchaînement dans la liste Contenu.

6) Renommez le (Sous-formulaire sans titre) en Tableau.

7) Dans la palette Hiérarchie, sélectionnez Rangéeden-tête.

8) Dans la palette Objet, cliquez sur l’onglet Liaison et sélectionnez l’option Rangée pour chaque élément.

Maintenant, vous devez définir la distribution du formulaire.

9) Dans la palette Hiérarchie, choisissez le sous-formulaire PurchaseOrder.

10) Dans la palette Objet, cliquez sur l’onglet Sous-formulaire et sélectionnez Enchaînement dans la liste Contenu.

Le fait d’appliquer la fonction d’enchaînement à l’intégralité du formulaire permet de mettre en forme chaque sous-formulaire du formulaire à tour à de rôle, sans laisser d’espace entre eux.

Cliquez pour continuer : Correction du calcul pour le champ Total

3.8. Correction du calcul pour le champ Total

Maintenant que vous avez réorganisé le contenu de votre formulaire, le calcul du total doit faire réfé-rence au nouveau sous-formulaire Tableau.

1) Sélectionnez le champ Total.

2) Faites glisser la barre de la palette Editeur de script jusqu’à la taille de palette requise pour affi-cher plusieurs lignes.

3) Dans le champ Source du script, révisez le script pour afficher le calcul suivant :

sum(Table.Table1.Row1[*].amount[*])

4) Désélectionnez le champ Total pour ajouter le script à la conception de formulaire.

Cliquez pour continuer : Définition des champs en lecture seule

37


3.9. Définition des champs en lecture seule

38

Vous ne souhaitez pas que les utilisateurs modifient les champs d’un formulaire imprimable. Par conséquent, vous devez définir ces champs en lecture seule.

1) Dans la palette Hiérarchie, ouvrez le sous-formulaire En-tête et sélectionnez tous les champs de texte (PONumber, OrderedBy, OrderedByAddress).

2) Dans la palette Objet, cliquez sur l’onglet Valeur et, dans la liste Type, choisissez Lecture seule.

3) Dans la palette Hiérarchie, ouvrez le sous-formulaire Tableau et sélectionnez les champs de texte (référence et description).

4) Dans la palette Objet, cliquez sur l’onglet Valeur et, dans la liste Type, choisissez Lecture seule.

5) Répétez cette procédure pour quantité, prixUnitaire et montant.

6) Répétez cette procédure pour les éléments du sous-formulaire Pied de page (excepté Signature-Field).

Cliquez pour continuer : Connexion à une source de données

3.10. Connexion à une source de données

Pour fusionner des données avec votre formulaire, vous devez vous connecter à une source de données. Il convient ensuite de lier les données à un champ de votre conception de formulaire.

Lorsque vous liez les champs d’une conception de formulaire à une source de données, vous établissez un lien entre ces deux éléments qui vous permet de saisir, présenter, déplacer, traiter, affi-cher et imprimer les informations associées à la conception de formulaire.

1) Choisissez Fichier > Nouvelle connexion aux données.

2) Sélectionnez Schéma XML et cliquez sur Suivant.

3) Si, par exemple, vous (ou l’administrateur) avez installé les exemples fournis avec Designer, localisez le schéma appelé Purchase Order.xsd et cliquez sur Ouvrir.

Ce fichier se trouve dans \FR\Samples\Forms\Purchase Order\Schema\Schema.



Les données s’affichent dans la palette Vue des données.

Celle-ci s’affiche sous forme d’une vue hiérarchique de chaque source de données. Le nœud supé-rieur de la hiérarchie représente la connexion de données et affiche le nom que vous avez attribué à la connexion lors de sa création.

Cliquez pour continuer : Liaison de données aux champs et aux cellules de tableau

3.11. Connexion à une source de données

Pour fusionner des données avec votre formulaire, vous devez vous connecter à une source de données. Il convient ensuite de lier les données à un champ de votre conception de formulaire.

Lorsque vous liez les champs d’une conception de formulaire à une source de données, vous établissez un lien entre ces deux éléments qui vous permet de saisir, présenter, déplacer, traiter, afficher et imprimer les informations associées à la conception de formulaire.

1) Choisissez Edition > Nouvelle connexion aux données.

2) Sélectionnez Schéma XML et cliquez sur Suivant.

3) Si, par exemple, vous (ou l’administrateur) avez installé les exemples fournis avec Designer, localisez le schéma appelé Purchase Order.xsd et cliquez sur Ouvrir.

Ce fichier se trouve dans \FR\Samples\Forms\Purchase Order\Schema\Schema.


Les données s’affichent dans la palette Vue des données.

39


40

Celle-ci s’affiche sous forme d’une vue hiérarchique de chaque source de données. Le nœud supé-rieur de la hiérarchie représente la connexion de données et affiche le nom que vous avez attribué à la connexion lors de sa création.

Cliquez pour continuer : Liaison de données aux champs et aux cellules de tableau

3.12. Liaison de données aux champs et aux cellules de tableau

Une fois connecté à une source de données, vous devez indiquer la position des données dans la conception de formulaire :

• Pour lier des champs uniques, tels que N° de bon de commande et Date, vous pouvez utiliser la méthode glisser-déposer.

• Pour lier des objets répétitifs, tels que la rangée du tableau du bon de commande, en éléments répétitifs dans le schéma, utilisez la case Liaison des données de l’onglet Liaison de la palette Objet. Lorsque la rangée est liée, vous pouvez lier des cellules de cette rangée aux nœuds du schéma. Ces liaisons sont alors relatives par rapport à la liaison de la rangée.


3.12.1. Pour lier des données aux champs de la conception du formulaire

1) Sélectionnez poNum dans la palette Vue des données, et faites-le glisser vers le champ N° de bon de commande.

2) Dans la boîte de dialogue Propriétés de liaison, sélectionnez l’option Ne pas mettre à jour les propriétés connexes, puis cliquez sur OK.

L’opération de liaison associe un champ de formulaire existant à un élément de la source de données. Dans l’image, l’icône située à droite de poNum montre que le nœud est associé à un objet. Etant donné que vous avez choisi de ne pas mettre à jour les propriétés associées, Desi-gner conserve la mise en forme que vous avez appliquée à l’objet de champ.

3) Répétez la procédure pour les autres éléments de la palette Vue des données (excepté pour réfé-rence, description, quantité et prixUnitaire).

Par exemple, companyName doit être lié au champ Commandé par.

3.12.2. Pour lier des données aux cellules du tableau du formulaire

1) Dans la palette Hiérarchie, sélectionnez Rangée1.

2) Dans la palette Objet, cliquez sur l’onglet Liaison.

3) Cliquez sur le triangle situé à côté de la zone Liaison des données (Ouvrir, Enregistrer, Envoyer) et sélectionnez une liaison. Par exemple, sélectionnez Connexion aux données > élément > élément.

41


42

La chaîne suivante apparaît dans la zone Liaison des données (Ouvrir, Enregistrer, Envoyer) :

$item.item[*].

ASTUCE : Vous pouvez saisir cette chaîne dans la zone Liaison des données (Ouvrir, Enregistrer, Envoyer) au lieu de la sélectionner.

4) Ouvrez la palette Vue des données.

5) Pour vous assurer que la liaison correspond à ce que vous attendiez, liez chaque nœud à une cellule à l’aide de la méthode glisser-déposer. Par exemple, dans la palette Vue des données, sélectionnez référence et faites le glisser dans la cellule située sous l’en-tête N° d’article

6) Dans la boîte de dialogue Propriétés de liaison qui s’affiche, sélectionnez l’option Ne pas mettre à jour les propriétés connexes, puis cliquez sur OK.

7) Répétez la procédure pour les autres éléments de la palette Vue des données (description, quantité et prixUnitaire).

Cliquez pour continuer : Spécification d’un fichier de données


3.13. Spécification d’un fichier de données

La dernière étape consiste à pointer sur le fichier de données à fusionner avec le formulaire.

1) Choisissez Fichier > Propriétés du formulaire, puis cliquez sur l’onglet Aperçu.

2) Dans la zone Aperçu, accédez à l’emplacement du fichier de données à utiliser.

Si l’administrateur système ou vous-même avez installé les exemples fournis avec Designer, recherchez le fichier de données appelé Purchase Order.xml (il figure dans \FR\Samples\Forms\Purchase Order\Schema\Data).

3) Cliquez sur Ouvrir, puis sur OK.


3.14. Spécification d’un fichier de données

La dernière étape consiste à pointer sur le fichier de données à fusionner avec le formulaire.

1) Choisissez Edition > Propriétés du formulaire, puis cliquez sur l’option Aperçu.

2) Dans la zone Aperçu, accédez à l’emplacement du fichier de données à utiliser.

Si l’administrateur système ou vous-même avez installé les exemples fournis avec Designer, recherchez le fichier de données appelé Purchase Order.xml (il figure dans \FR\Samples\Forms\Purchase Order\Schema\Data).




43


44

ASTUCE : Le fichier de données Purchase Order.xml fourni avec Designer contient quatre enregistre-ments. Vous pouvez modifier ce fichier XML pour pouvoir tester la disposition du formulaire et vérifier s’il s’adapte à la taille des données en utilisant un fichier contenant un nombre plus important de données.


3.14.1. (Facultatif) Pour tester le formulaire Bon de commande afin de vous assurer qu’il enchaîne correctement les données fusionnées :

1) Ouvrez le fichier XML et recherchez les lignes suivantes :

<item> <partNum>00300-896</partNum> <description>Carnet d’adresse</description> <quantity>2</quantity> <unitPrice>15.00</unitPrice> </item> Avant les lignes précédentes, vous pouvez ajouter d’autres éléments. Par exemple, vous pouvez ajouter les lignes suivantes : <item> <partNum>00300-300</partNum> <description>Presse-papiers</description> <quantity>3</quantity> <unitPrice>5.00</unitPrice> </item> <item> <partNum>00300-325</partNum> <description>Perforatrice</description> <quantity>1</quantity> prixUnitaire>8.00</unitPrice> </item> <item> <partNum>00300-350</partNum> <description>Règle</description> <quantity>5</quantity> <unitPrice>1.00</unitPrice> </item> <item> <partNum>00300-400</partNum> <description>Ciseaux</description> <quantity>2</quantity> <unitPrice>2.00</unitPrice> </item> <item> <partNum>00300-425</partNum> <description>Ruban adhésif</description> <quantity>2</quantity> <unitPrice>2.50</unitPrice> </item> <item> <partNum>00300-450</partNum> <description>Bâton de colle</description> <quantity>2</quantity> <unitPrice>1.00</unitPrice> </item> <item> <partNum>00300-475</partNum> <description>Agrafeuse</description> <quantity>2</quantity>

45


46

<unitPrice>4.00</unitPrice> </item> <item> <partNum>00300-500</partNum> <description>Surligneurs</description> <quantity>1</quantity> <unitPrice>5.00</unitPrice> </item> <item> <partNum>00300-550</partNum> <description>Post-it</description> <quantity>4</quantity> <unitPrice>5.00</unitPrice> </item> <item> <partNum>00300-575</partNum> <description>Cahier</description> <quantity>5</quantity> <unitPrice>8.00</unitPrice> </item>

2) Enregistrez le fichier de données modifié sous un nouveau nom.

3) Dans la boîte de dialogue Propriétés du formulaire, cliquez sur l’onglet Aperçu et localisez le fichier de données modifié.

4) Cliquez sur OK et affichez de nouveau le formulaire dans le panneau Aperçu PDF.

Cliquez pour continuer : En quoi consiste l’étape suivante ?

3.15. En quoi consiste l’étape suivante ?

Si vous avez suivi les didacticiels, vous connaissez les principes de base de la création d’un formu-laire. Maintenant, vous pouvez ajouter la rangée d’en-tête dans les pages suivantes du tableau. Vous pouvez également procéder à la numérotation des pages.

Création et utilisation des fragments dans les conceptions de formulaire

4. Création et utilisation des fragments dans les conceptions de formulaire

Grâce à ce didacticiel, vous allez apprendre à créer et utiliser des fragments pour simplifier le processus de création des collections de formulaires.

Avant de commencer, vous pouvez visionner une vidéo expliquant comment travailler avec des frag-ments de formulaire, étape par étape. Voir Tutoriels vidéo sur les fragments de formulaire.

4.1. A propos de la création et de l’utilisation des fragments dans les conceptions de formulaire

Vous allez créer une collection de formulaires. Par expérience, vous savez que le premier formulaire que vous allez créer comportera des erreurs et que vous devrez effectuer plusieurs tentatives afin d’obtenir le formulaire voulu. Cependant, après avoir créé votre premier formulaire, vous commencez à découvrir des zones pour lesquelles vous pouvez créer des raccourcis permettant d’accélérer et d’améliorer le processus de sorte que la création des formulaires restant s’effectue plus rapidement.

Vous découvrez par exemple que la majorité des formulaires que vous créez comportent une partie relative à l’adresse de livraison. Au lieu de créer un sous-formulaire d’adresse de livraison dans chaque nouveau formulaire, vous copiez le premier sous-formulaire d’adresse de livraison que vous avez créé et vous le collez dans un fichier XDP distinct. De cette façon, vous pouvez facilement copier le sous-formulaire d’adresse de livraison et le copier dans les autres formulaires que vous créez. Lorsque vous devez modifier la partie relative à l’adresse de livraison, effectuez la modification dans chaque formulaire ou dans un fichier XDP distinct, puis remplacez la partie relative à l’adresse de livraison dans chaque formulaire.

Dans Designer, ces parties réutilisables sont appelées fragmentet, au lieu de copier cette partie à partir d’un fichier distinct chaque fois que vous en avez besoin, vous pouvez insérer une référence au fragment requis pour qu’il apparaisse dans le formulaire. Puis, lorsque vous mettez à jour un frag-ment, tous les formulaires qui y font référence reflètent vos modifications.

Tous les fragments sont inclus dans le formulaire lorsqu’il est enregistré en tant que fichier PDF.

47

http://www.adobe.com/devnet/livecycle/articles/fragment_tutorial.html

Création et utilisation des fragments dans les conceptions de formulaire 4

4.1.1. A propos des exemples de formulaire

48

Designer propose une sélection de modèles de formulaire. Chacun d’entre eux comprend une conception de formulaire, des exemples de données et/ou schéma, et une version finale du formulaire.

Les exemples de formulaire, installés dans FR\Samples\Forms\Purchase Order\Form Fragments\Forms, sous le dossier d’installation de Designer, illustrent des façons simples et complexes d’utiliser des fragments.

Le dossier ...\Form Fragments\Forms comprend trois conceptions de formulaire :

• Purchase Order Interactive.pdf

• Purchase Order Dynamic Interactive.pdf

• Purchase Order Dynamic.xdp

Les fragments référencés dans ces modèles de formulaire sont installés dans FR\Samples\Forms\Purchase Order\Form Fragments\Fragments.

Vous utiliserez les conceptions de formulaire, fragments et exemples de données dans le dossier Fragments de formulaire pour ce tutoriel. Il est recommandé de faire une copie de sauvegarde de ce dossier avant de commencer.

Cliquez pour continuer : Ouverture d’un exemple de fragment dans la palette Bibliothèque de frag-ments


4.2. Ouverture d’un exemple de fragment dans la palette Bibliothèque de fragments

La palette Bibliothèque de fragments contient des bibliothèques de fragments. A bibliothèque de fragments correspond à un dossier de votre système de fichiers qui contient les fichiers XDP source des fragments.

La bibliothèque Mes fragments contient des exemples de fragments que vous pouvez insérer dans une conception de formulaire ou utiliser pour créer des nouveaux fragments.

Vous allez ouvrir ensuite la bibliothèque de fragments pour avoir un accès facile aux fragments depuis les exemples de formulaires.

1) Choisissez Fenêtre > Bibliothèque de fragments pour afficher la palette Bibliothèque de fragments.

2) Dans le menu de la palette Bibliothèque de fragments, sélectionnez Ouvrir la bibliothèque de fragments.

3) Sélectionnez Fragments dans FR\Samples\Forms\Purchase Order\Form Fragments\Fragments.

4) Cliquez sur OK.

Cliquez pour continuer : Création d’un fragment

49


4.3. Ouverture de la bibliothèque d’exemples de fragments dans la palette Bibliothèque de fragments

50

La palette Bibliothèque de fragments contient des bibliothèques de fragments. A bibliothèque de fragments correspond à un dossier de votre système de fichiers qui contient les fichiers XDP source des fragments.

La bibliothèque Mes fragments contient des exemples de fragments que vous pouvez insérer dans une conception de formulaire ou utiliser pour créer des nouveaux fragments.

Vous allez ouvrir ensuite la bibliothèque de fragments pour avoir un accès facile aux fragments depuis les exemples de formulaires.

1) Choisissez Palettes > Bibliothèque de fragments pour afficher la palette Bibliothèque de fragments.

2) Dans le menu de la palette Bibliothèque de fragments, sélectionnez Ouvrir la bibliothèque de fragments.

3) Sélectionnez Fragments dans FR\Samples\Forms\Purchase Order\Form Fragments\Fragments.

4) Cliquez sur OK.

Cliquez pour continuer : Création d’un fragment


4.4. Création d’un fragment

Dans cette section, vous allez apprendre à créer un fragment.

Vous pouvez créer un fragment dans un fichier distinct ou dans la conception de formulaire active.

1) Ouvrez l’exemple de formulaire Purchase Order Interactive.pdf situé dans \FR\Samples\Forms\Purchase Order\Form Fragments\Forms.

2) En haut du formulaire, sélectionnez les objets de champ N° de bon de commande et Date.

3) Choisissez Edition > Fragments > Créer un fragment.

51


52

4) Dans la zone Nom, saisissez POInfo comme nom du fragment.

5) Type Numéro du bon de commande et Date comme description du fragment.

6) Pour définir le fragment dans un fichier XDP distinct stocké dans la Bibliothèque de fragments, sélectionnez Créer un fragment dans la Bibliothèque de fragments.

7) Dans la liste Bibliothèque de fragments, sélectionnez Ouvrir la bibliothèque de fragments, puis recherchez le dossier Fragments dans FR\Samples\Forms\Purchase Order\Form Frag-ments\Fragments.

8) Dans le champ Nom du fichier, conservez le nom du fichier InfosBC.xdp.

9) Ne désélectionnez pas l’option Remplacer la sélection par la référence au nouveau fragment du formulaire. Ainsi, les objets de champ N° de bon de commande et Date seront remplacés par le nouveau fragment du formulaire.


10) Cliquez sur OK.

11) Enregistrez la conception de formulaire en tant que Mon bon de commande inte-ractif.PDF.

Vous remarquez que l’aspect des objets N° de bon de commande et Date ont changé. Cette modifi-cation est due au fait qu’une référence au fragment Informations sur le bon de commande nouvelle-ment créé a remplacé les objets.

Une icône de fragment s’affiche dans le coin supérieur gauche d’une référence à un fragment et utilise la couleur de la bordure du contour de l’objet. Les objets inclus dans une référence au frag-ment ont une bordure grise indiquant que vous ne pouvez pas la modifier à partir de la référence.

Cliquez n’importe où dans une référence au fragment pour la sélectionner et faites-la glisser où vous le souhaitez pour la déplacer. Vous ne pouvez pas sélectionner les objets inclus dans une référence à un fragment.

De la même manière, les objets d’une référence à un fragment ne sont pas disponibles dans la palette Hiérarchie car vous ne pouvez ni les sélectionner ni les modifier dans une référence à un fragment.

53


54

A.Icône de référence à un fragment sur un sous-formulaire

B.Les objets d’un fragment ne sont pas disponibles

Vous pouvez déplacer une référence à un fragment et son contenu dans la palette Hiérarchie de la même façon que vous déplacez les autres objets sur un formulaire. Cependant, vous ne pouvez pas faire glisser les objets dans une référence à un fragment.

Cliquez pour continuer : Modification d’un fragment


4.5. Création d’un fragment

Dans cette section, vous allez apprendre à créer un fragment.

Vous pouvez créer un fragment dans un fichier distinct ou dans la conception de formulaire active.

1) Ouvrez l’exemple de formulaire Purchase Order Interactive.pdf situé dans \FR\Samples\Forms\Purchase Order\Form Fragments\Forms.

2) En haut du formulaire, sélectionnez les objets de champ N° de bon de commande et Date.

3) Choisissez Edition > Fragments > Créer un fragment.

55


56

4) Dans la zone Nom, saisissez Informations sur le bon de commande comme nom du fragment.

5) Type Numéro du bon de commande et Date comme description du fragment.

6) Pour définir le fragment dans un fichier XDP distinct stocké dans le référentiel, sélectionnez Créer un fragment dans Référentiel.

7) Pour définir le fragment dans le document actif, sélectionnez Créer un fragment dans le docu-ment actif.

8) Pour définir le fragment dans un fichier XDP distinct stocké dans la Bibliothèque de fragments, sélectionnez Créer un fragment dans la Bibliothèque de fragments.

9) Pour définir le fragment dans le document actif, sélectionnez Créer un fragment dans le docu-ment actif.

10) Dans la palette Bibliothèque de fragments, sélectionnez Ouvrir la bibliothèque de fragments, puis recherchez le dossier Fragments dans FR\Samples\Forms\Purchase Order\Form Frag-ments\Fragments.

11) Ne désélectionnez pas l’option Remplacer la sélection par la référence au nouveau fragment du formulaire. Ainsi, les objets de champ N° de bon de commande et Date seront remplacés par le nouveau fragment du formulaire.

12) Cliquez sur OK.

13) Enregistrez la conception de formulaire.

14) Enregistrez la conception de formulaire en tant que Mon bon de commande inte-ractif.PDF.

Vous remarquez que l’aspect des objets N° de bon de commande et Date ont changé. Cette modifi-cation est due au fait qu’une référence au fragment Informations sur le bon de commande nouvelle-ment créé a remplacé les objets.

Une icône de fragment s’affiche dans le coin supérieur gauche d’une référence à un fragment et utilise la couleur de la bordure du contour de l’objet. Les objets inclus dans une référence au frag-ment ont une bordure grise indiquant que vous ne pouvez pas la modifier à partir de la référence.


Cliquez n’importe où dans une référence au fragment pour la sélectionner et faites-la glisser où vous le souhaitez pour la déplacer. Vous ne pouvez pas sélectionner les objets inclus dans une référence à un fragment.

De la même manière, les objets d’une référence à un fragment ne sont pas disponibles dans la palette Hiérarchie car vous ne pouvez ni les sélectionner ni les modifier dans une référence à un fragment.

A.Icône de référence à un fragment sur un sous-formulaire

B.Les objets d’un fragment ne sont pas disponibles

Vous pouvez déplacer une référence à un fragment et son contenu dans la palette Hiérarchie de la même façon que vous déplacez les autres objets sur un formulaire. Cependant, vous ne pouvez pas faire glisser les objets dans une référence à un fragment.

Cliquez pour continuer : Modification d’un fragment

57


4.6. Modification d’un fragment

58

Le principal avantage des fragments est que vous pouvez les ajouter à de nombreux formulaires mais lorsque vous effectuez une modification, vous ne l’effectuez qu’à un seul endroit. Dans cette section, nous allons modifier le fragment InfosBC.

Tout d’abord, vous devrez ajouter le fragment au formulaire Purchase Order Dynamic Interac-tive.pdf afin de constater l’effet sur plusieurs conceptions de formulaire lorsque vous modifiez le fragment Informations sur le bon de commande.

1) Ouvrez le fichier Purchase Order Dynamic Interactive.pdf.

2) Sélectionnez les objets N° de bon de commande et Date, puis supprimez-les.

3) Dans la palette Bibliothèque de fragments, faites glisser le fragment InfosBC sur la conception de formulaire.

4) Enregistrez la conception de formulaire en tant que Mon bon de commande dynamique interactive.pdf.

5) Cliquez avec le bouton droit de la souris sur la référence de fragment InfosBC et sélectionnez Fragments > Modifier le fragment. Le fichier source du fragment Informations sur le bon de commande s’ouvre et vous pouvez maintenant modifier le fragment.

6) Remplacer Nº de bon de commande par Nº bon cde , puis enregistrez le fragment.

7) Ouvrez les exemples de formulaire Mon bon de commande interactif.pdf et Mon bon de commande dynamique interactif.PDF. La référence au fragment est mise à jour dans les deux formulaires.

Vous venez d’apprendre à créer un fragment et à le modifier. En outre, vous pouvez convertir une référence de fragment à un objet incorporé ou créer un remplacement sur une référence de fragment qui affecte uniquement la référence de fragment contenue dans le formulaire actif.

Ensuite, nous allons consulter de manière plus approfondie les exemples de formulaire et récapituler certaines actions intéressantes que vous pouvez effectuer avec les fragments.

Cliquez pour continuer : Utilisation des fragments contenant un script


4.7. Modification d’un fragment

Le principal avantage des fragments est que vous pouvez les ajouter à de nombreux formulaires mais lorsque vous effectuez une modification, vous ne l’effectuez qu’à un seul endroit. Dans cette section, nous allons modifier le fragment Informations sur le bon de commande.

Tout d’abord, vous devrez ajouter le fragment au formulaire Purchase Order Dynamic Interac-tive.pdf afin de constater l’effet sur plusieurs conceptions de formulaire lorsque vous modifiez le fragment Informations sur le bon de commande.

1) Ouvrez le fichier Purchase Order Dynamic Interactive.pdf.2) Sélectionnez les objets N° de bon de commande et Date, puis supprimez-les.3) Dans la palette Bibliothèque de fragments, faites glisser le fragment Informations sur le bon de

commande sur la conception de formulaire.4) Dans la palette Bibliothèque de fragments, faites glisser le fragment Informations sur le bon de

commande sur la conception de formulaire.5) Enregistrez la conception de formulaire en tant que Mon bon de commande dynamique

interactive.pdf.6) Enregistrez la conception de formulaire.7) Cliquez avec le bouton droit de la souris sur la référence de fragment Informations sur le bon

de commande et sélectionnez Fragments > Modifier le fragment. Le fichier source du fragment Informations sur le bon de commande s’ouvre dans Workbench et vous pouvez maintenant modifier le fragment.

8) Remplacer Nº de bon de commande par Nº bon cde.9) Ouvrez les exemples de formulaire Mon bon de commande interactif.pdf et Mon bon de commande

dynamique interactif.PDF. La référence au fragment est mise à jour dans les deux formulaires.

Vous venez d’apprendre à créer un fragment et à le modifier. En outre, vous pouvez convertir une référence de fragment à un objet incorporé ou créer un remplacement sur une référence de fragment qui affecte uniquement la référence de fragment contenue dans le formulaire actif.

Ensuite, nous allons consulter de manière plus approfondie les exemples de formulaire et récapituler certaines actions intéressantes que vous pouvez effectuer avec les fragments.

Cliquez pour continuer : Utilisation des fragments contenant un script

59


4.8. Utilisation des fragments contenant un script

60

Les fragments peuvent contenir des fonctions JavaScript réutilisables ou des valeurs qui sont stoc-kées séparément de l’objet script proprement dit. Vous pouvez utiliser ces fragments pour créer des fonctions et des propriétés personnalisées que vous souhaitez utiliser dans de nombreux emplace-ments sur un formulaire ou que vous souhaitez utiliser dans de nombreux formulaires.

Par exemple, l’exemple de fragment countryScript contrôle l’interaction entre les listes déroulantes Pays et Etat/Province dans les exemples de formulaires. Les options qui apparaissent dans la liste déroulante Etat/Province dépendent du pays sélectionné dans la liste déroulante Pays.

4.8.1. Pour tester un exemple de fragment de script

1) Ouvrez l’exemple de formulaire Mon bon de commande interactif.pdf et cliquez sur le panneau Aperçu PDF dans l’éditeur de mise en forme.

2) Sous la section Commandé par dans le formulaire, sélectionnez Canada dans la liste déroulante Pays, puis cliquez sur la liste déroulante Etat/Province. Vous pouvez sélectionner un état ou une province dans cette liste.


3) Puis, sélectionnez Etats-Unis dans la liste déroulante Pays et cliquez sur la liste déroulante Etat/Province. Vous pouvez sélectionner un état dans cette liste.

Ensuite, nous allons consulter de manière plus approfondie le fragment countryScript dans les exemples de formulaires.

4.8.2. Pour visualiser le script dans le fragment countryScript

1) Dans la palette Bibliothèque de fragments, cliquez avec le bouton droit de la souris sur countryScript et sélectionnez Modifier le fragment.

Vous remarquez que le fragment est un enfant de Variables dans la palette Hiérarchie. Les frag-ments ne peuvent pas contenir de scripts associés à d’autres objets de formulaire, tels que les scripts d’événements (validate, calculate, ou initialize, par exemple).

2) Sélectionnez l’objet de script countryScript dans la palette Hiérarchie.

3) Développez l’éditeur de script pour visualiser le script.

61


62

Le fragment countryScript est référencé par les objets de liste déroulante drpDeliverToCountry et drpDeliverToStatePrv dans les fragments OrderedByAddress et DeliverToAddress dans les exemples de formulaires.

4) Dans la palette Bibliothèque de fragments, cliquez avec le bouton droit de la souris sur Deliver-ToAddress, puis sélectionnez Modifier le fragment.

5) Sélectionnez l’objet de liste déroulante drpDeliverToCountry dans la palette Hiérarchie et affi-chez le script dans l’éditeur de script. Vous remarquez de quelle manière le fragment countryScript est référencé dans l’éditeur de script.

Cliquez pour continuer : Utilisation des fragments lors du contrôle de l’affichage des sous-formu-laires


4.8.3. Pour visualiser le script dans le fragment countryScript


2) Ouvrez le fichier countryScript.xdp.


Vous remarquez que le fragment est un enfant de Variables dans la palette Hiérarchie. Les frag-ments ne peuvent pas contenir de scripts associés à d’autres objets de formulaire, tels que les scripts d’événements (validate, calculate, ou initialize, par exemple).

4) Sélectionnez l’objet de script countryScript dans la palette Hiérarchie.

5) Développez l’éditeur de script pour visualiser le script.

Le fragment countryScript est référencé par les objets de liste déroulante drpDeliverToCountry et drpDeliverToStatePrv dans les fragments OrderedByAddress et DeliverToAddress dans les exemples de formulaires.


7) Ouvrez le fichier DeliverToAddress.xdp.


9) Sélectionnez l’objet de liste déroulante drpDeliverToCountry dans la palette Hiérarchie et affi-chez le script dans l’éditeur de script. Vous remarquez de quelle manière le fragment countryScript est référencé dans l’éditeur de script.

63


64

Cliquez pour continuer : Utilisation des fragments lors du contrôle de l’affichage des sous-formulaires

4.9. Utilisation des fragments lors du contrôle de l’affichage des sous-formulaires

L’exemple de formulaire Purchase Order Dynamic.xdp utilise des fragments pour configurer le pied de page afin d’afficher l’adresse correcte en fonction des données fusionnées avec le formulaire. Lorsque l’exemple de formulaire est fusionné avec le fichier Purchase Order Canada.xml, le frag-ment FooterCanada est appelé. Cependant, lorsque le formulaire est fusionné avec le fichier Purchase Order US.xml, le fragment FooterUS est appelé.

1) Ouvrez le fichier Purchase Order Dynamic.xdp et cliquez sur Fichier > Propriétés du formulaire > Aperçu.

2) Dans le champ Fichier de données, cliquez sur le bouton Parcourir et sélectionnez le fichier de données Purchase Order US.xml situé dans FR\Samples\Forms\Purchase Order\Form Frag-ments\Data.


4) Cliquez sur l’onglet Aperçu PDF dans l’éditeur de mise en forme. Vous remarquez que l’adresse de l’entreprise dans le pied de page affiche une adresse américaine.

5) Cliquez sur > Fichier > Propriétés du formulaire > Aperçu.

6) Dans le champ Fichier de données, cliquez sur le bouton Parcourir et sélectionnez le fichier de données Purchase Order Canada.xml situé dans FR\Samples\Forms\Purchase Order\Form Fragments\Data.



8) Cliquez sur l’onglet Aperçu PDF dans l’éditeur de mise en forme. Vous remarquez que l’adresse de l’entreprise dans le pied de page affiche maintenant une adresse canadienne.

Nous allons étudier ensuite comment cette section de choix a été créée.

4.10. Utilisation des fragments lors du contrôle de l’affichage des sous-formulaires

L’exemple de formulaire Purchase Order Dynamic.xdp utilise des fragments pour configurer le pied de page afin d’afficher l’adresse correcte en fonction des données fusionnées avec le formulaire. Lorsque l’exemple de formulaire est fusionné avec le fichier Purchase Order Canada.xml, le frag-ment FooterCanada est appelé. Cependant, lorsque le formulaire est fusionné avec le fichier Purchase Order US.xml, le fragment FooterUS est appelé.

1) Ouvrez le fichier Purchase Order Dynamic.xdp et cliquez sur Edition > Propriétés du formulaire > Aperçu.

2) Dans le champ Fichier de données, cliquez sur le bouton Parcourir et sélectionnez le fichier de données Purchase Order US.xml situé dans FR\Samples\Forms\Purchase Order\Form Frag-ments\Data.


4) Cliquez sur l’onglet Aperçu PDF dans l’éditeur de mise en forme. Vous remarquez que l’adresse de l’entreprise dans le pied de page affiche une adresse américaine.

5) Cliquez sur > Edition > Propriétés du formulaire > Aperçu.

6) Dans le champ Fichier de données, cliquez sur le bouton Parcourir et sélectionnez le fichier de données Purchase Order Canada.xml situé dans FR\Samples\Forms\Purchase Order\Form Fragments\Data.


65


66

8) Cliquez sur l’onglet Aperçu PDF dans l’éditeur de mise en forme. Vous remarquez que l’adresse de l’entreprise dans le pied de page affiche maintenant une adresse canadienne.


4.10.1. Pour afficher les fragments FooterCanada et FooterUS

1) Cliquez avec le bouton droit de la souris sur le fragment FooterCanada dans la palette Hiérarchie.

2) Sélectionnez Fragments > Modifier le fragment. Vous vous apercevez que le fragment est constitué de deux objets de texte statique dont l’un affiche l’adresse canadienne.

3) Recommencez la même procédure pour afficher le fragment FooterUS.


4.10.2. Pour afficher la section de choix dans le pied de page du bon de commande

1) Dans l’exemple de formulaire Purchase Order Dynamic.xdp, cliquez sur le panneau Gabarits dans l’éditeur de mise en forme.

2) Faites défiler la page jusqu’à l’emplacement du pied de page. Vous remarquez que les réfé-rences aux fragments FooterCanada et FooterUS se trouvent l’un au-dessus de l’autre dans le jeu de sous-formulaire. Cependant, selon les données, seul un pied de page apparaît lorsque le formulaire est généré. En outre, la taille ayant été ajustée pour s’adapter au bas de la page, une petite icône s’affiche pour vous signaler qu’il y a des remplacements de propriété sur les réfé-rences de fragments.

3) Dans la palette Hiérarchie, sélectionnez le jeu de sous-formulaires, puis cliquez sur Modifier les variantes dans l’onglet Jeu de sous-formulaires de la palette Objets. La boîte de dialogue Modifier les sous-formulaires désignés par les données affiche la liaison, la langue et l’expres-sion pour les autres fragments de pied de page.

4) Ouvrez les fichiers Purchase Order US.xml et Purchase Order Canada.xml à l’aide d’un éditeur de texte. Notez que la valeur de <americas> </americas> est États-Unis dans le fichier Purchase Order Us.xml et Canada dans le fichier Purchase Order Canada.xml. C’est cette valeur qui déter-mine quel fragment est appelé lorsque les données sont fusionnées dans le formulaire.


67


4.11. En quoi consiste l’étape suivante

68

Vous venez d’apprendre de quelles manières les fragments peuvent simplifier et accélérer la création et la gestion d’une collection de formulaires.

Pour plus d’informations sur les fragments, voir Utilisation de Designer.

http://www.adobe.com/go/learn_aemforms_designer_62

Didacticiels de mise en route de Designer...A propos des didacticiels de mise en route 1 1. A propos...

Documents

Transcript of Didacticiels de mise en route de Designer...A propos des didacticiels de mise en route 1 1. A propos...