Réponse brève

Cliquez sur l'icône « Personnaliser le tableau de bord » (en haut à droite du tableau de bord) pour ouvrir la fenêtre de réglages. Vous y réorganisez les cartes par glisser-déposer (poignée « Déplacer ») ou avec les flèches « Monter » / « Descendre », et vous affichez/masquez chaque carte avec son bouton. Rien n'est enregistré tant que vous n'avez pas cliqué sur « Enregistrer ».

Étapes

  1. Sur le tableau de bord, cliquez sur l'icône d'engrenage « Personnaliser le tableau de bord » en haut à droite.
  2. Pour déplacer une carte : maintenez le clic sur la poignée « Déplacer » et faites glisser la ligne vers le haut ou le bas. (Alternative sans glisser : les boutons « Monter » et « Descendre ».)
  3. Pour cacher une carte : cliquez sur son bouton « Masquer » ; pour la faire réapparaître, cliquez sur « Afficher ».
  4. Cliquez sur « Enregistrer » pour appliquer. « Annuler » ferme sans rien changer ; « Réinitialiser » remet l'agencement par défaut.

Prérequis

  • Être sur le tableau de bord (page d'accueil).

Erreurs connues & solutions

  • Symptôme : « mes changements ont disparu » — Solution : ils ne sont mémorisés qu'après clic sur « Enregistrer » ; « Annuler » ou la fermeture de la fenêtre les abandonne.
  • Symptôme : « je n'arrive pas à faire glisser une carte » — Solution : le glisser ne s'attrape que sur la poignée « Déplacer » (icône de préhension), pas sur toute la ligne ; sinon utilisez les flèches « Monter » / « Descendre ».
  • Symptôme : « une carte a disparu du tableau de bord » — Solution : elle est probablement masquée ; rouvrez la personnalisation et cliquez sur « Afficher ».

Notes

  • highlightable : oui — ce sont des boutons et une fenêtre de réglages (éléments d'interface entourables).
  • Ancres data-guide-id : dashboard.customize-open (ouvrir), dashboard.card-drag-<id> (poignée), dashboard.card-move-up-<id> / dashboard.card-move-down-<id> (flèches), dashboard.card-toggle-visibility-<id> (afficher/masquer), dashboard.settings-reset, dashboard.settings-cancel, dashboard.settings-save, dashboard.settings-close.
  • Le glisser-déposer utilise la bibliothèque SortableJS avec la poignée .drag-handle (DashboardSettingsDialog.vue L51-52). Desktop/tablette/mobile : le glisser fonctionne au doigt sur écran tactile ; les flèches « Monter » / « Descendre » restent une alternative fiable partout.