> ## Documentation Index
> Fetch the complete documentation index at: https://docs.abbyy.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Exemple 2. Étape 18 : Créer un bloc CookingTime

> Définissez le bloc CookingTime à l’aide d’une expression du langage FlexiLayout qui fusionne les rectangles des éléments et dilate le résultat de 3 mm afin de gagner en flexibilité.

<Steps>
  <Step title="Activer la fenêtre FlexiLayout">
    Dans la fenêtre principale de FlexiLayout Studio, activez la fenêtre **FlexiLayout**.
  </Step>

  <Step title="Sélectionner l’objet Blocks">
    Dans l’arborescence FlexiLayout, sélectionnez l’objet **Blocks**.
  </Step>

  <Step title="Ajouter un bloc de texte">
    Sélectionnez **Add Block → Text** dans le menu **FlexiLayout** ou dans le menu contextuel.
  </Step>

  <Step title="Nommer le bloc">
    Dans la boîte de dialogue **Properties**, saisissez un nom pour le bloc dans le champ **Name**, par exemple **CookingTime**.
  </Step>

  <Step title="Définir la méthode de localisation">
    Pour définir l’emplacement du bloc, sélectionnez **Expression**.
  </Step>

  <Step title="Saisir l’expression du bloc">
    Définissez le bloc comme un rectangle obtenu par fusion des rectangles entourant les éléments [CookingTimeHeader et CookingTime](/fr/flexi-capture/fls/template/blocks-region). Pour laisser une certaine marge de manœuvre à FlexiLayout Studio, augmentez de 3 mm la hauteur et la largeur du rectangle obtenu.

    Dans le langage FlexiLayout, saisissez ce qui suit :

    ```text theme={null}
    Rect outputRect;
    outputRect = SearchElements.Cooking.CookingTime.Rect Or SearchElements.Cooking.CookingTimeHeader.Rect;
    OutputRegion = outputRect;
    OutputRegion.Inflate (3*mm, 3*mm);
    ```

    <Frame>
      <img src="https://mintcdn.com/abbyy/r-nfa7jujx5b9gKX/images/flexi-capture/fls/tutorial2_20.png?fit=max&auto=format&n=r-nfa7jujx5b9gKX&q=85&s=526e6b3766ff6f0ff2ec8e5925916896" alt="Capture d’écran de la boîte de dialogue Properties de Blocks.Block dans ABBYY FlexiLayout Studio, montrant le bloc de texte CookingTime avec Expression sélectionné et le code du langage FlexiLayout qui fusionne les rectangles des éléments et dilate le résultat." width="431" height="454" data-path="images/flexi-capture/fls/tutorial2_20.png" />
    </Frame>
  </Step>
</Steps>
