# Gestion d'un affichage

Ce tutoriel montre la procédure pour gérer un affichage sur Xibo.

<p class="callout info">**Note importante:** pour réaliser efficacement le tutoriel ci-dessous, il est important de bien suivre l'ordre chronologique et la numérotation des étapes indiquées. Exemple d'action : 1, 2, 3, 4...</p>

- - - - - -

#### **A. Créer un affichage**

**![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) 1. <span style="color: #236fa1;"><span style="color: #000000;">Cliquer sur </span>Mises en pages</span>**

**<span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png)<span style="color: #000000;"> 2. Sélectionner </span>l'identifiant (Cœur de Ville ou Hôtel de Ville) <span style="color: #000000;">sur lequel vous souhaitez modifier l'affichage</span>  
</span>**

**<span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color: #000000;"> 3. <span style="color: #236fa1;"><span style="color: #000000;">Cliquer sur </span></span></span></span>**![image-1751267864153.png](https://formagent.vincennes.fr/uploads/images/gallery/2025-06/scaled-1680-/image-1751267864153.png)**<span style="color: #236fa1;"><span style="color: #000000;">  
</span></span>**

**<span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color: #000000;"> 4. </span><span style="color: #000000;">Cliquer sur </span>Conception  
</span>**

**<span style="color: #236fa1;"><span style="color: #000000;"><span style="color: #236fa1;"><span style="color: #000000;"><span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color: #000000;"> 5. </span><span style="color: #000000;">Cliquer sur </span>Extraire  
</span></span></span></span></span>**

![image-1750928822558.png](https://formagent.vincennes.fr/uploads/images/gallery/2025-06/scaled-1680-/image-1750928822558.png)

- - - - - -

#### **B. Paramétrer un affichage**

- **Supprimer le média actuel**

**![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) 1. <span style="color: #000000;">Cliquer sur le <span style="color: #236fa1;">média actuel</span></span>**

**<span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png)<span style="color: #000000;"> 2. C</span><span style="color: #000000;">liquer sur la </span>poubelle <span style="color: #000000;">pour supprimer le média actuel</span>  
</span>**

![image-1751287608507.png](https://formagent.vincennes.fr/uploads/images/gallery/2025-06/scaled-1680-/image-1751287608507.png)

- **Paramétrer un nouveau média**

**<span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color: #000000;"> 3.</span> <span style="color: #000000;">Selon l'affichage souhaité,</span> c<span style="color: #000000;">liquer sur </span>image ou vidéo </span>**

**<span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png)<span style="color: #000000;"> 4. Cliquer sur </span>Téléverser</span>**

**<span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color: #000000;"> 5. <span style="color: #236fa1;"><span style="color: #000000;">Cliquer sur </span>Parcourir/Ajouter une pièce jointe</span>  
</span></span>**

**<span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color: #000000;"> 6. </span><span style="color: #000000;">Cliquer sur </span>Démarrer l'envoi  
</span>**

**<span style="color: #236fa1;"><span style="color: #000000;"><span style="color: #236fa1;"><span style="color: #000000;"><span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color: #000000;"> 7. </span><span style="color: #000000;">Cliquer sur </span>Terminer</span></span></span></span></span>**

**<span style="color: #236fa1;"><span style="color: #000000;"><span style="color: #236fa1;"><span style="color: #000000;"><span style="color: #236fa1;"><span style="color: #000000;"><span style="color: #236fa1;"><span style="color: #000000;"><span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color: #000000;"> 8. <span style="color: #236fa1;">Positionner et redimensionner</span> votre média correctement par rapport à l'écran</span><span style="background-color: #ced4d9;"><span style="color: #000000;">  
</span></span></span></span></span></span></span></span></span></span></span>**

**<span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png)<span style="color: #000000;"> 9. Cliquer sur </span>Avancé</span>**

**<span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color: #000000;"> 10. Si vous souhaitez modifier la durée de votre affichage, <span style="color: #236fa1;"><span style="color: #000000;">cocher la case </span>Définir une durée</span>  
</span></span>**

**<span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color: #000000;"> 11. </span><span style="color: #000000;">Sélectionner la </span>durée de votre affichage  
</span>**

**<span style="color: #236fa1;"><span style="color: #000000;"><span style="color: #236fa1;"><span style="color: #000000;"><span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color: #000000;"> 12. </span><span style="color: #000000;">Cliquer sur </span>Quitter</span></span></span></span></span>**

![image-1751287708582.png](https://formagent.vincennes.fr/uploads/images/gallery/2025-06/scaled-1680-/image-1751287708582.png)

- - - - - -

#### **C. Publier un affichage**

**![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) 1. <span style="color: #236fa1;"><span style="color: #000000;">Votre affichage est en état de </span>brouillon (draft)</span>**

**<span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png)<span style="color: #000000;"> 2. </span><span style="color: #000000;"><span style="color: #236fa1;"><span style="color: #000000;">Cliquer sur </span></span></span>![image-1751267864153.png](https://formagent.vincennes.fr/uploads/images/gallery/2025-06/scaled-1680-/image-1751267864153.png)  
</span>**

**<span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color: #000000;"> 3. <span style="color: #236fa1;"><span style="color: #000000;">Sélectionner </span>Publier <span style="color: #000000;">dans le menu</span></span>  
</span></span>**

**<span style="color: #236fa1;">![flèche droite](https://formagent.vincennes.fr/uploads/images/gallery/2022-03/scaled-1680-/fleche-arrondi-bleu-droite.png) <span style="color: #000000;"> 4. </span><span style="color: #000000;">Cliquer sur </span>Publier <span style="color: #000000;">afin de valider votre publication</span>  
</span>**

![image-1750928898758.png](https://formagent.vincennes.fr/uploads/images/gallery/2025-06/scaled-1680-/image-1750928898758.png)