# \[Dashboard\] Insérer plus facilement un widget au milieu d'une colonne

**URL:** <https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333>\
**Category:** Demandes livrées\
**Tags:** dashboard, feature-request-ux\
**Created:** [Janvier 28, 2025, 8:17 UTC](https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333 "2025-01-28T20:17:11Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![StephaneB](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/stephaneb/32/15443_2.png) [@StephaneB](https://community.gladysassistant.com/u/StephaneB)\
**Post date:** [Janvier 28, 2025, 8:17 UTC](https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333/1 "2025-01-28T20:17:12Z")

</div>

Quand une colonne contient déjà plusieurs widgets et qu’on veut en ajouter un en deuxième position, c’est dommage de le voir s’ajouter tout en bas et de devoir le remonter ensuite.

---

<div class="post-metadata">

**Author:** ![StephaneB](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/stephaneb/32/15443_2.png) [@StephaneB](https://community.gladysassistant.com/u/StephaneB)\
**Post date:** [Janvier 28, 2025, 8:23 UTC](https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333/2 "2025-01-28T20:23:42Z")

</div>

Je recopie la suggestion de Pierre-Gilles :  
Est-ce que cela pourrait être résolu par un drag & drop plus facile qui « compresserait » la tailles des widgets, comme on fait sur mobile par exemple ?

---

<div class="post-metadata">

**Author:** ![lmilcent](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lmilcent/32/7023_2.png) [@lmilcent](https://community.gladysassistant.com/u/lmilcent)\
**Post date:** [Janvier 28, 2025, 9:24 UTC](https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333/3 "2025-01-28T21:24:51Z")

</div>

C’est une très bonne idée. Actuellement c’est vite compliqué (ou long) à faire.

---

<div class="post-metadata">

**Author:** ![StephaneB](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/stephaneb/32/15443_2.png) [@StephaneB](https://community.gladysassistant.com/u/StephaneB)\
**Post date:** [Janvier 28, 2025, 10:27 UTC](https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333/4 "2025-01-28T22:27:58Z")

</div>

Merci @lmilcent d’avoir modifié les catégories des mes sujets en «&nbsp;demande de fonctionnalités&nbsp;», j’avais oublié. Et j’ai découvert au passage les étiquettes optionnelles, dont la feature-request-ux. Du coup, j’ai simplifié mes titres 😉

---

<div class="post-metadata">

**Author:** ![lmilcent](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lmilcent/32/7023_2.png) [@lmilcent](https://community.gladysassistant.com/u/lmilcent)\
**Post date:** [Janvier 29, 2025, 4:03 UTC](https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333/5 "2025-01-29T16:03:24Z")

</div>

Avec plaisir 🙂

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Janvier 31, 2025, 8:17 UTC](https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333/6 "2025-01-31T08:17:30Z")

</div>

Du coup je veux bien qu’on réponde à ma remarque 😃

> [@StephaneB](#):
>
> Est-ce que cela pourrait être résolu par un drag & drop plus facile qui « compresserait » la tailles des widgets, comme on fait sur mobile par exemple ?

---

<div class="post-metadata">

**Author:** ![mutmut](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/mutmut/32/14064_2.png) [@mutmut](https://community.gladysassistant.com/u/mutmut)\
**Post date:** [Janvier 31, 2025, 11:10 UTC](https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333/7 "2025-01-31T11:10:08Z")

</div>

alors je dis oui pour la compression !

---

<div class="post-metadata">

**Author:** ![StephaneB](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/stephaneb/32/15443_2.png) [@StephaneB](https://community.gladysassistant.com/u/StephaneB)\
**Post date:** [Janvier 31, 2025, 11:45 UTC](https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333/8 "2025-01-31T11:45:31Z")

</div>

Pourquoi pas, la compression.  
Mais j’aurais trouvé plus intuitif qu’un élément «&nbsp;insérer une étape&nbsp;» apparaisse quand ma souris passe entre deux étapes (je sais pas si je suis clair…)

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Janvier 31, 2025, 12:34 UTC](https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333/9 "2025-01-31T12:34:11Z")

</div>

> [@StephaneB](#):
>
> Pourquoi pas, la compression.

Je pense que ça aurait un plus grand impact. Je me demande même si par défaut la vue «&nbsp;éditer un tableau de bord&nbsp;» ne devrait pas afficher tous les widgets «&nbsp;retractés&nbsp;» et pour éditer un widget il faut l’ouvrir.

> [@StephaneB](#):
>
> un élément « insérer une étape » apparaisse quand ma souris passe entre deux étapes

Je vois, du coup un comportement purement desktop (pas mobile)

A voir ce que ça peut donner visuellement…

---

<div class="post-metadata">

**Author:** ![StephaneB](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/stephaneb/32/15443_2.png) [@StephaneB](https://community.gladysassistant.com/u/StephaneB)\
**Post date:** [Avril 10, 2025, 8:05 UTC](https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333/10 "2025-04-10T08:05:49Z")

</div>

> [@pierre-gilles](#):
>
> Je me demande même si par défaut la vue « éditer un tableau de bord » ne devrait pas afficher tous les widgets « retractés » et pour éditer un widget il faut l’ouvrir.

Ce qui m’embête avec cette idée, c’est que quand les widgets sont rétractés sur mobile (pour les réordonner) et qu’on a choisi de ne pas donner de nom aux widgets, on voit mal de quoi il s’agit. On voit juste le type de widget (‹&nbsp;Appareils&nbsp;›, ‹&nbsp;Scènes&nbsp;›, ‹&nbsp;Graphique&nbsp;›…) et on ne sait donc pas bien ce qui est quoi…

Donc je trouverais pratique de gérer ça avec un simple bouton «&nbsp;Ajouter +&nbsp;» entre chaque widget. Ou peut-être juste le «&nbsp;+&nbsp;» dans le même bouton coloré bleu, pour être plus discret… Ca donnerait ça:

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/0/f/0f42b9298418019ecdc09e114f66dd8bd1d60c46.jpeg)

Qu’en pensez-vous ?

---

<div class="post-metadata">

**Author:** ![lmilcent](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lmilcent/32/7023_2.png) [@lmilcent](https://community.gladysassistant.com/u/lmilcent)\
**Post date:** [Avril 14, 2025, 6:35 UTC](https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333/11 "2025-04-14T18:35:56Z")

</div>

Salut,  
J’aime bien l’idée du «&nbsp;+&nbsp;» au milieu, ça ne surcharge pas tant que ça l’interface mais ça permet d’ajouter un widget au milieu facilement. Ça changerait un peu la vie quand on construit un dashboard !

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Mai 1, 2025, 6:53 UTC](https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333/12 "2025-05-01T18:53:58Z")

</div>

Salut à tous 🙂

J’ai travaillé sur ce développement, c’était assez trivial et c’est vrai que c’est pratique !

Le rendu :

 ![Screenshot 2025-05-01 at 20.48.00](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/5/0/509d6466ce308b80caf8dde8b8031827a745f1af.png)

Si vous voulez tester: [https://dashboard-add-button-between.gladys-plus.pages.dev](https://dashboard-add-button-between.gladys-plus.pages.dev/)

> <https://github.com/GladysAssistant/Gladys/pull/2280>
>
> \### Pull Request check-list
> 
> To ensure your Pull Request can be accepted as fa…st as possible, make sure to review and check all of these items:
> 
> \- \[x\] If your changes affects code, did your write the tests?
> \- \[x\] Are tests passing? (\`npm test\` on both front/server)
> \- \[x\] Is the linter passing? (\`npm run eslint\` on both front/server)
> \- \[x\] Did you run prettier? (\`npm run prettier\` on both front/server)
> \- \[x\] If you are adding a new features/services, did you run integration comparator? (\`npm run compare-translations\` on front)
> \- \[x\] Did you test this pull request in real life? With real devices? If this development is a big feature or a new service, we recommend that you provide a Docker image to the community (\[french forum\](https://community.gladysassistant.com/)/\[english forum\](https://en-community.gladysassistant.com/)) for testing before merging.
> 
> \### Description of change
> 
> https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Mai 5, 2025, 2:59 UTC](https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333/13 "2025-05-05T14:59:29Z")

</div>

PR mergée, ça partira dans la prochaine version de Gladys 🙂

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Mai 11, 2025, 3:11 UTC](https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333/14 "2025-05-11T15:11:15Z")

</div>

Cette nouveauté est disponible dans Gladys Assistant 4.58 :

> [@Gladys Assistant 4.58: Matter, mais pas que ! smile](https://community.gladysassistant.com/t/gladys-assistant-4-58-matter-pas-pas-que/9503):
>
> Salut la communauté wave Je suis très heureux de vous présenter Gladys Assistant 4.58, une nouvelle version majeure qui apporte le support de Matter, ainsi que plein d’autres nouveautés pratiques ! Tous les détails sont sur le blog : N’hésitez pas à me faire part de vos retours slightly_smiling_face

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Mai 11, 2025, 3:11 UTC](https://community.gladysassistant.com/t/dashboard-inserer-plus-facilement-un-widget-au-milieu-dune-colonne/9333/15 "2025-05-11T15:11:17Z")

</div>


