> ## 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 1. Étape 14 : Décrire le champ YOUR PLANET NAME à l’aide d’un bloc PlanetName

> Définissez le bloc Text PlanetName dans l’Exemple 1 de FlexiLayout Studio en définissant son emplacement à l’aide de l’élément PlanetName comme élément source du bloc.

Créez un bloc **Text** pour le champ **YOUR PLANET NAME** et définissez son emplacement à partir de l’élément **PlanetName**.

<Steps>
  <Step title="Ouvrir l’onglet FlexiLayout">
    Dans la fenêtre principale de FlexiLayout Studio, cliquez sur l’onglet **FlexiLayout**.
  </Step>

  <Step title="Ajouter un bloc Text">
    Sélectionnez **Blocks** dans l’arborescence FlexiLayout, puis sélectionnez **Add Blocks → Text** dans le menu **FlexiLayout** ou **New → Text** dans le menu contextuel.

    <Frame>
      <img src="https://mintcdn.com/abbyy/r-nfa7jujx5b9gKX/images/flexi-capture/fls/tutorial20.gif?fit=max&auto=format&n=r-nfa7jujx5b9gKX&q=85&s=2aa1167d3c2921b6005b718d7f76cfe5" alt="Capture d’écran du menu FlexiLayout dans ABBYY FlexiLayout Studio avec Add Blocks et l’option de bloc Text sélectionnés pour créer un nouveau bloc Text." width="631" height="527" data-path="images/flexi-capture/fls/tutorial20.gif" />
    </Frame>
  </Step>

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

    <Tip>
      Vous pouvez donner au bloc un nom différent de celui de son élément, mais utiliser le même nom facilite le travail avec FlexiLayout.
    </Tip>
  </Step>

  <Step title="Définir l’élément source">
    Sélectionnez **Source element** pour décrire l’emplacement du bloc. Cliquez sur <img src="https://mintcdn.com/abbyy/fmgRWFNHKYN2MLSg/images/flexi-capture/fls/Browse_Button.gif?s=3673db30dda4a3293aec716853588b55" alt="bouton Parcourir" style={{display:"inline-block",verticalAlign:"middle",margin:0}} width="21" height="20" data-path="images/flexi-capture/fls/Browse_Button.gif" /> et indiquez l’élément **PlanetName** comme élément source.

    <Frame>
      <img src="https://mintcdn.com/abbyy/r-nfa7jujx5b9gKX/images/flexi-capture/fls/tutorial21.png?fit=max&auto=format&n=r-nfa7jujx5b9gKX&q=85&s=a6286944461f42b197035697d6109f58" alt="Capture d’écran de la boîte de dialogue Properties du bloc Text PlanetName dans ABBYY FlexiLayout Studio, avec l’option Source element définie sur l’élément PlanetName." width="431" height="455" data-path="images/flexi-capture/fls/tutorial21.png" />
    </Frame>
  </Step>
</Steps>