> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.scorp-io.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Tableaux de bord Maintenant que les différents contenus sont créés et paramétrés, il faut les ajouter dans un tableau de bord. Les tableaux de bord permettent de rassembler plusieurs contenus sur une même page dans le module "Exploitation". ## Aller sur IHM > Tableaux de bord ![](https://storage.crisp.chat/users/helpdesk/website/-/f/3/2/3/f323abf45c02a800/c07c90bf-90fe-4496-8b9e-319e6c_1j3aazo.png) ​Cliquer sur Tableaux de bord pour accéder à la section permettant de créer un tableau de bord. ## Créer un nouveau tableau de bord Les différents contenus à ajouter sur le tableau sont disposés sur des grilles, et ces grilles sont de taille variable. Pour choisir la taille d'une grille, définir sa hauteur et sa longueur dans les champs prévus. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/a/f/0/8af0d9bc0678d000/82bf006d-3e0a-464c-b2a8-aba522_11920ht.png) Ajouter un nouveau tableau de bord ![](https://storage.crisp.chat/users/helpdesk/website/-/7/7/9/e/779e592efa78c800/c47cd5d7-e500-4eda-b525-e36c92_1a0hpey.png) Paramétrer le tableau de bord ![](https://storage.crisp.chat/users/helpdesk/website/-/2/9/5/5/29552a398ad19200/bd35855a-c4b2-4ecc-ad6b-28831c_18khgg6.png) Tableau créé --- ## Paramétrer le tableau de bord Pour paramétrer un tableau de bord, il y a un ensemble d’options qui peuvent être activées : 1. **Tableau de bord public** : définir un tableau de bord public permet de donner accès à celui-ci sans avoir besoin de se connecter à l'application 2. **Grille visible** : permet d'afficher la grille pour placer plus facilement les éléments dans le tableau 3. **Barre de défilement vertical** : Une barre de défilement est ajouté dans le cas ou le tableau de bord dépasse la taille de l'écran. #### 4. Tableau de bord par lots : Ces tableaux de bord sont assez particuliers, car ils fonctionnent par cycles. Bien que la plupart de nos contenus (courbes, timeline) soient basés sur des périodes — glissantes, pleines — il est également possible d'utiliser les cycles. Un cycle, c'est une date de début et une date de fin, en fonction de l'état d'un équipement. Par exemple, un cycle peut être l'état d'une pompe : la date de début du cycle est définie quand la pompe commence à se remplir, et la date de fin, quand la pompe est complètement remplie. Les tableaux de bord par lots permettent de charger l'ensemble des contenus qui les composent avec la date de début et de fin d'un cycle choisi. > ⚠️ Un tableau de bord ne peut pas être public et fonctionner par lots en même temps. Activer les options "Tableau de bord public" ou "Tableau de bord par lots" changera l'icône de votre tableau dans la liste des tableaux de bord. --- ### Ajouter des contenus Voici les différentes étapes à suivre pour 1. Ajouter un emplacement Cliquer sur le bouton "+ Emplacement", un encadré blanc apparaît alors dans votre tableaux de bord. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/f/3/6/df36573ceb3d2000/d0582020-d085-4282-bef9-21470b_ckwqtl.png) Ajouter une emplacement ![](https://storage.crisp.chat/users/helpdesk/website/-/1/7/c/6/17c6840e7439f500/3fd0f867-2518-4428-9337-efcb3d_1fe67fr.png) 1. Placer et manipuler l'emplacement Une fois que l'emplacement est créé, en saisissant un coin de l'emplacement, il est possible de modifier la taille de celui-ci. Également, en saisissant l'encadré blanc (partie haute), placez le composant à l'endroit souhaité. ![](https://storage.crisp.chat/users/helpdesk/website/-/c/6/3/9/c6399f7a22880800/93e2b643-f025-4566-ab8d-7ba5a0_gkeu5y.png) Comment agrandir un emplacement ![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FxYxm1e8Id9J7rHLznbIg%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-04-30%252018-14-54.png%3Falt%3Dmedia%26token%3De6df7f57-5b1c-4ac0-9fef-dce0eac9e6c5&width=768&dpr=3&quality=100&sign=52bbe13f&sv=2) Résultats de l'agrandissement ![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252Fvmpz80aAyu927sKAgK1p%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-04-30%252018-14-59.png%3Falt%3Dmedia%26token%3D30f7140a-57a6-4081-a595-babb5b0e1577&width=768&dpr=3&quality=100&sign=d2a5d143&sv=2) Comment déplacer un emplacement ![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FxmeYc2fe3U9FfsuVDD9A%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-04-30%252018-15-14.png%3Falt%3Dmedia%26token%3D2fa474f7-6dee-4907-ad4d-720a6c181eb8&width=768&dpr=3&quality=100&sign=f45e70f7&sv=2) Résultat du déplacement 1. Ajouter les contenus Une fois la disposition des emplacements effectués, se rendre dans l'onglet "Contenu" pour choisir ceux que nous utiliserons. En cliquant sur le champ de texte, choisissez le type de contenus. Si on cherche un contenu précis, utiliser le champ : "Filtrer les contenus" pour trouver le contenu cherché. Une fois le contenu sélectionné, le glisser-déposer dans l'emplacement choisit. ![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FxrRqaqZ4YOhgnlW1nwzK%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-05-05%252009-37-43.png%3Falt%3Dmedia%26token%3D88951ea5-35a8-4cc8-acec-acac979dc9d3&width=768&dpr=3&quality=100&sign=3cead2a3&sv=2) Onglet contenu ![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FatJeb4e5mDM1ikCJzI46%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-05-05%252009-37-55.png%3Falt%3Dmedia%26token%3Dddc34047-9187-483a-b146-4ad64cb957b7&width=768&dpr=3&quality=100&sign=c886e5eb&sv=2) Choisir le type de contenu voulu ![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FPzdoqqBItZpeh5r7iKoN%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-05-05%252009-38-11.png%3Falt%3Dmedia%26token%3D29a4c5d8-96bf-4045-9524-787279e1065b&width=768&dpr=3&quality=100&sign=7c329cbb&sv=2) Liste des contenus ![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FqEwt51FEuHSJ23Lq0zco%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-05-05%252009-38-19.png%3Falt%3Dmedia%26token%3D755b09bf-4076-4520-b84d-92d9e10d4a06&width=768&dpr=3&quality=100&sign=7b4176a9&sv=2) Filtre sur les noms ![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252Fy1yHeFbLzJGEs0INfD97%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-05-05%252009-47-52.png%3Falt%3Dmedia%26token%3Df35b4945-d983-4c0e-9e4f-2caa457a8015&width=768&dpr=3&quality=100&sign=feaae42d&sv=2) Glisser-déposer le contenu dans un emplacement ![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252Fo7mlllaYBKT6y3JcGZnp%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-05-05%252009-48-26.png%3Falt%3Dmedia%26token%3D611e5fc7-80b2-4629-b484-69e96882b9a1&width=768&dpr=3&quality=100&sign=f4d7e720&sv=2) Résultat après l'ajout des contenus ## Enregistrer le tableau de bord ![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FFflpUIzSEeV6PcgO2NcP%252Fimage.png%3Falt%3Dmedia%26token%3D326b5546-1b9b-498c-8f61-25d0308a3028&width=768&dpr=3&quality=100&sign=9c0fbe8&sv=2) Une fois que vous êtes satisfait du tableau de bord, en haut à droite, cliquer sur le bouton "Sauvegarder". Une fois le tableau sauvegardé, on se rend dans l'onglet "Menu de navigation" pour l'ajouter dans le module Exploitation. [Menu de navigationchevron-right](/guide-to-scorp-io/module-designer/menu-de-navigation)