- Cree un elemento grupo y asígnele el nombre RecipeContents.
- Dentro del elemento RecipeContents, cree un elemento de tipo texto estático y asígnele el nombre IngredientsHeader. Este elemento corresponderá al nombre Ingredients. Especifique las propiedades del elemento como en el Paso 10 para el elemento Recipe.
- Dentro del elemento RecipeContents, cree un elemento de tipo separador que corresponderá al separador situado sobre el nombre Cooking. En la pestaña Separator, especifique la orientación del separador: Horizontal. En el cuadro de diálogo de propiedades del elemento, haga clic en la pestaña Relations y especifique las restricciones de búsqueda: debajo del nombre Ingredients: (es decir, Debajo del elemento IngredientsHeader). Si intenta ejecutar la coincidencia de FlexiLayout, verá que a veces el programa trata el límite inferior de una imagen como un separador. Este problema puede resolverse añadiendo otra restricción de búsqueda. En el campo Advanced pre-search relations (cuadro de diálogo de propiedades, pestaña Advanced), añada esta restricción de búsqueda:Busque el separador más cercano al nombre Ingredients:. En FlexiLayout language, esto debe escribirse de la siguiente manera: Nearest: SearchElements.RecipeContents.IngredientsHeader; Nota. La misma restricción también puede especificarse a través de la interfaz gráfica de usuario del programa. Haga clic en Relations, seleccione Nearest y en la lista desplegable To seleccione Element y especifique IngredientsHeader como elemento de Reference.
- Vuelva a ejecutar la coincidencia del FlexiLayout ajustado.

- También puede añadir otra restricción de búsqueda para el elemento IngredientsHeader. En el campo Advanced pre-search relations (cuadro de diálogo de propiedades, pestaña Advanced), añada esta restricción de búsqueda:Busque el nombre del campo en la parte superior de la imagen. En FlexiLayout language, esto debe escribirse de la siguiente manera: Above: PageRect.top + PageRect.Height/2;
- Dentro del elemento RecipeContents, cree un elemento de tipo párrafo y asígnele el nombre Ingredients. Este elemento corresponderá al campo Ingredients. Establezca las restricciones de búsqueda (en la pestaña Relations del cuadro de diálogo de propiedades del elemento): debajo del encabezado Ingredients: (Debajo de IngredientsHeader), pero por encima del separador (Encima del elemento Separator). Pruebe a ejecutar la coincidencia de FlexiLayout con las imágenes de prueba y asegúrese de que el programa encuentre correctamente el campo Ingredients en todas las imágenes.
