> ## 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 3. Étape 8 : Décrire le champ Numéro de facture à l’aide d’un élément InvoiceNumber

> Étape 8 de l’exemple 3 de FlexiLayout Studio : décrire le champ Numéro de facture avec un élément Character String, un intervalle flou pour le nombre de caractères et des contraintes de relation.

Le champ **Numéro de facture** se trouve à droite de son intitulé, sur la même ligne horizontale. Sur certaines images, le numéro est mal reconnu ; ne limitez donc pas l’alphabet. Limitez plutôt la zone de recherche ainsi que la longueur de la string à 3-20 caractères.

<div id="create-the-invoicenumber-element">
  ## Créer l’élément InvoiceNumber
</div>

<Steps>
  <Step title="Créer l’élément Character String">
    Dans l’élément **InvoiceHeader**, créez un élément [Character String](/fr/flexi-capture/fls/template/character-chain) et nommez-le **InvoiceNumber**.

    <Tip>
      L’élément et le bloc correspondant au champ **InvoiceNumber** ne doivent pas nécessairement porter le même nom, mais il est pratique qu’ils aient des noms correspondants lorsque vous travaillez avec le FlexiLayout.
    </Tip>
  </Step>

  <Step title="Supprimer la restriction d’alphabet">
    Cliquez sur l’onglet **Character String**. Définissez **Percentage of non-alphabet characters** sur 100 %, ce qui supprime toute restriction sur les caractères.
  </Step>

  <Step title="Définir le nombre de caractères">
    Dans le champ **Character count**, spécifiez l’intervalle flou suivant : `{-1, 3, 20, INF}`. Cela limite la longueur de la chaîne à 3 à 20 caractères. Toute hypothèse en dehors de cette plage est pénalisée.
  </Step>

  <Step title="Définir les contraintes de recherche">
    Cliquez sur l’onglet **Relations**. **InvoiceNumber** se trouve uniquement à droite des mots-clés de nom **kwInvoiceNumber**, à une distance maximale de 550 points de leur limite droite et toujours au même niveau. Définissez les contraintes suivantes :

    * **À droite de** l’élément **kwInvoiceNumber**, **Offset** = 0
    * **À gauche de** l’élément **kwInvoiceNumber**, **Offset** = -550, **Reference boundary** = **Right**
    * **Au-dessus de** l’élément **kwInvoiceNumber**, **Offset** = -10, **Reference boundary** = **Bottom**
    * **En dessous de** l’élément **kwInvoiceNumber**, **Offset** = -10, **Reference boundary** = **Top**

    <Note>
      Les valeurs d’Offset sont déterminées par essais et erreurs.
    </Note>

    <Frame>
      <img src="https://mintcdn.com/abbyy/8aWHPAJyzWmTqglX/images/flexi-capture/fls/tutorial3_8.png?fit=max&auto=format&n=8aWHPAJyzWmTqglX&q=85&s=bafbe00ed0dea10c34560751a7759ee6" alt="Capture d’écran de l’onglet Relations de la boîte de dialogue Properties de SearchElements.InvoiceHeader.InvoiceNumber dans ABBYY FlexiLayout Studio, montrant les relations RightOf, LeftOf, Below et Above avec l’élément kwInvoiceNumber." width="431" height="455" data-path="images/flexi-capture/fls/tutorial3_8.png" />
    </Frame>
  </Step>

  <Step title="Vérifier la mise en correspondance">
    Exécutez la mise en correspondance du FlexiLayout avec les images de test et vérifiez que FlexiLayout Studio détecte l’élément sur toutes les images auxquelles il s’applique.
  </Step>

  <Step title="Définir l’élément source du bloc">
    Pour définir l’emplacement du bloc **InvoiceNumber**, ouvrez ses **Properties**, sélectionnez **Élément source**, 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" />, puis sélectionnez l’élément **InvoiceNumber** comme élément source.
  </Step>
</Steps>