- Créez un élément Group et nommez-le RecipeContents.
- Dans l’élément RecipeContents, créez un élément de type Static Text et nommez-le IngredientsHeader. Cet élément correspondra au nom Ingredients. Spécifiez les propriétés de l’élément comme à la Step 10 pour l’élément Recipe.
- Dans l’élément RecipeContents, créez un élément de type Separator qui correspondra au séparateur au-dessus du nom Cooking. Dans l’onglet Separator, définissez l’orientation du séparateur sur Horizontal. Dans la boîte de dialogue Properties de l’élément, cliquez sur l’onglet Relations et définissez les contraintes de recherche : sous le nom Ingredients: (c’est-à-dire Below l’élément IngredientsHeader). Si vous essayez d’effectuer la mise en correspondance du FlexiLayout, vous verrez que le programme considère parfois la limite inférieure d’une image comme un séparateur. Vous pouvez résoudre ce problème en ajoutant une autre contrainte de recherche. Dans le champ relations avancées de pré-recherche (boîte de dialogue Properties, onglet Advanced), ajoutez cette contrainte de recherche :Recherchez le séparateur le plus proche du nom Ingredients:. En langage FlexiLayout, cela doit s’écrire comme suit : Nearest: SearchElements.RecipeContents.IngredientsHeader; Remarque. La même contrainte peut également être spécifiée via l’interface utilisateur graphique du programme. Cliquez sur Relations, sélectionnez Nearest, puis, dans la liste déroulante To, sélectionnez Element et spécifiez IngredientsHeader comme élément de Reference.
- Effectuez à nouveau la mise en correspondance du FlexiLayout modifié.

- Vous pouvez également ajouter une autre contrainte de recherche pour l’élément IngredientsHeader. Dans le champ relations avancées de pré-recherche (boîte de dialogue Properties, onglet Advanced), ajoutez cette contrainte de recherche :Recherchez le nom du champ dans la partie supérieure de l’image. En langage FlexiLayout, cela doit s’écrire comme suit : Above: PageRect.top + PageRect.Height/2;
- Dans l’élément RecipeContents, créez un élément de type Paragraph et nommez-le Ingredients. Cet élément correspondra au champ Ingredients. Définissez les contraintes de recherche (boîte de dialogue Properties de l’élément, onglet Relations) : sous l’en-tête Ingredients: (Below IngredientsHeader), mais au-dessus du séparateur (Above l’élément Separator). Essayez d’effectuer la mise en correspondance du FlexiLayout avec les images de test et assurez-vous que le programme trouve correctement le champ Ingredients dans toutes les images.
