# Discussion sur la largeur de la page "tableau de bord" et "Scène" **URL:** \ **Category:** Développement\ **Created:** [Décembre 8, 2025, 9:07 UTC](https://community.gladysassistant.com/t/discussion-sur-la-largeur-de-la-page-tableau-de-bord-et-scene/9852 "2025-12-08T09:07:47Z")\ **Posts on this page:** 12\ **Page:** 1
**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:** [Décembre 8, 2025, 9:07 UTC](https://community.gladysassistant.com/t/discussion-sur-la-largeur-de-la-page-tableau-de-bord-et-scene/9852/1 "2025-12-08T09:07:48Z")
Salut à tous, Suite à un retour de @Prof_Techno sur la largeur de la vue « Scène », j’aimerais proposer des changements sur la largeur maximale de la vue « Scène » et du « Tableau de bord », car ces écrans ne supportent actuellement pas très bien les grands écrans 🙂 L’idée est de permettre une utilisation plus large de l’écran sur les grands écrans (\>1280px de largeur). J’aimerais proposer les changements suivants (avant/après) : ![Screenshot 2025-12-08 at 10.00.05](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/3/b/3bdb2f62a8c5842ad5fbeedc181eb479ca4c80e8.jpeg) ![Screenshot 2025-12-08 at 09.59.52](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/7/0/70d51612cc196e6e610c6aff2d4bd82a1fac788e.jpeg) ![Screenshot 2025-12-08 at 10.00.11](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/5/9/59a1d6f6480cd2e7b87ff59a7bacde7791da1be6.png) ![Screenshot 2025-12-08 at 10.00.17](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/d/f/df0aa5af4634ccf09146dafdad295148ea09821f.png) Si vous utilisez Gladys Plus, vous pouvez tester chez vous avec ce lien: [https://larger-container-scene-dashb.gladys-plus.pages.dev](https://larger-container-scene-dashb.gladys-plus.pages.dev/) La PR : > > > \### 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: > > \- \[\] If your changes affects code, did your write the tests? > \- \[\] Are tests passing? (\`npm test\` on both front/server) > \- \[\] Is the linter passing? (\`npm run eslint\` on both front/server) > \- \[\] Did you run prettier? (\`npm run prettier\` on both front/server) > \- \[\] If you are adding a new features/services, did you run integration comparator? (\`npm run compare-translations\` on front) > \- \[\] 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 (\[forum\](https://community.gladysassistant.com/)) for testing before merging. > \- \[\] If your changes modify the API (REST or Node.js), did you modify the API documentation? (Documentation is based on comments in code) > \- \[\] If you are adding a new features/services which needs explanation, did you modify the user documentation? See \[the GitHub repo\](https://github.com/GladysAssistant/v4-website) and the \[website\](https://gladysassistant.com). > \- \[\] Did you add fake requests data for the demo mode (\`front/src/config/demo.js\`) so that the demo website is working without a backend? (if needed) See \[https://demo.gladysassistant.com\](https://demo.gladysassistant.com). > > NOTE: these things are not required to open a PR and can be done afterwards / while the PR is open. > > \### Description of change > > Make dashboard & scene larger on large screens Qu’en pensez-vous ? ---
**Author:** ![prohand](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/prohand/32/15713_2.png) [@prohand](https://community.gladysassistant.com/u/prohand)\ **Post date:** [Décembre 8, 2025, 9:17 UTC](https://community.gladysassistant.com/t/discussion-sur-la-largeur-de-la-page-tableau-de-bord-et-scene/9852/2 "2025-12-08T09:17:10Z")
J’ai testé et ça rend vraiment bien sur grand écran 🙂 J’ai pas trouvé de bug pour le moment ---
**Author:** ![Prof\_Techno](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/prof_techno/32/19038_2.png) [@Prof\_Techno](https://community.gladysassistant.com/u/Prof_Techno)\ **Post date:** [Décembre 8, 2025, 10:51 UTC](https://community.gladysassistant.com/t/discussion-sur-la-largeur-de-la-page-tableau-de-bord-et-scene/9852/3 "2025-12-08T10:51:26Z")
super nouvelle !! cela m’évitera de bidouiller le css quand je travail sur les scènes ---
**Author:** ![Will\_71](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/will_71/32/9582_2.png) [@Will\_71](https://community.gladysassistant.com/u/Will_71)\ **Post date:** [Décembre 8, 2025, 10:38 UTC](https://community.gladysassistant.com/t/discussion-sur-la-largeur-de-la-page-tableau-de-bord-et-scene/9852/4 "2025-12-08T22:38:10Z")
Pour ma part je viens de tester et je suis plutot mitigé Dans le principe c’est super cool car on exploite bien la largeur de tout l’écran mais avec une grande résolution (3440x1440) les widgets sont aplatis et je trouve que le rendu n’est pas top et franchement j’aime pas Voila des exemples: ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/8/b/8bddc0c1c8efe2571f52c23eb32c167cce480b91.png) ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/optimized/3X/e/d/ed7e41f2e6bd7f329d879e38954571c45adebcfe_2_690x47.png) Si on fait une comparaison entre les 2 versions on perd en affichage sur la hauteur et on perd la cohérence entre le menu et l’alignement des widgets ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/9/1/914ef34dad3f4d446e6cc1c506220f7e9d4dd95d.jpeg) ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/b/3/b32a35571b4fde11448d68e9f58d23d5e43fb66c.jpeg) Bon après, c’est rare que Gladys soit en plein écran sur mon pc, une bonne partie du temps quand j’utilise Gladys c’est sur mon téléphone où sur une tablette…mais si je devait choisir aujourd’hui je garde l’ancienne version car je préfère que tout soit bien aligné avec des bonnes proportions que d’élargir les wigdets juste pour combler le vide ---
**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:** [Décembre 9, 2025, 7:41 UTC](https://community.gladysassistant.com/t/discussion-sur-la-largeur-de-la-page-tableau-de-bord-et-scene/9852/5 "2025-12-09T07:41:01Z")
> [@Will\_71](#): > > Dans le principe c’est super cool car on exploite bien la largeur de tout l’écran mais avec une grande résolution (3440x1440) les widgets sont aplatis et je trouve que le rendu n’est pas top et franchement j’aime pas Effectivement, dans ton cas, ce n’est vraiment pas beau. Je pense qu’il faudrait mettre un plafond de largeur pour que ça ne paraisse pas aplati sur les écrans ultra-larges. Une sorte d’entre-deux entre la configuration actuelle et la « largeur à 100% ». Actuellement, on est à 1200px de largeur max, je pense qu’on pourrait augmenter à 1600-2000px (à tester). Tu peux tester à partir de quand ça fait vraiment trop aplati ? Sur ton navigateur, en ouvrant l’inspecteur, il y a un outil pour tester le responsive : ![Screenshot 2025-12-09 at 08.39.47](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/4/1/4156e0d28144ca708262b2fe4b702cf272d75169.png) Je veux bien ton retour sur la vue scène aussi ! ---
**Author:** ![Will\_71](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/will_71/32/9582_2.png) [@Will\_71](https://community.gladysassistant.com/u/Will_71)\ **Post date:** [Décembre 9, 2025, 7:48 UTC](https://community.gladysassistant.com/t/discussion-sur-la-largeur-de-la-page-tableau-de-bord-et-scene/9852/6 "2025-12-09T07:48:39Z")
Je regarde ce soir quand je serais chez moi ---
**Author:** ![Prof\_Techno](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/prof_techno/32/19038_2.png) [@Prof\_Techno](https://community.gladysassistant.com/u/Prof_Techno)\ **Post date:** [Décembre 9, 2025, 1:16 UTC](https://community.gladysassistant.com/t/discussion-sur-la-largeur-de-la-page-tableau-de-bord-et-scene/9852/7 "2025-12-09T13:16:22Z")
Est-ce qu’il serait possible de différencier la partie conception de scène, du tableau de bord ? Et si l’écran est très large, on pourrait peut-être prévoir une quatrième colonne, voire davantage si nécessaire pour les tableau de bord ? ---
**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:** [Décembre 9, 2025, 6:04 UTC](https://community.gladysassistant.com/t/discussion-sur-la-largeur-de-la-page-tableau-de-bord-et-scene/9852/8 "2025-12-09T18:04:57Z")
C’est possible, sinon pour les scènes on pourrait même avoir un bouton « étendre l’écran » comme fait Notion par exemple Pour les colonnes sur le tableau de bord, le souci c’est que si on met 4 colonnes, ça devient illisible sur un petit écran. ---
**Author:** ![Will\_71](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/will_71/32/9582_2.png) [@Will\_71](https://community.gladysassistant.com/u/Will_71)\ **Post date:** [Décembre 9, 2025, 7:11 UTC](https://community.gladysassistant.com/t/discussion-sur-la-largeur-de-la-page-tableau-de-bord-et-scene/9852/9 "2025-12-09T19:11:13Z")
Voilà le tableau de bord a 2000px ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/7/2/7241716d59696011aa98618de33f9fb51fbe96fd.jpeg) a 2200px ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/7/2/72d75345b43683ba9acb9f6ee045e9efd951d2ef.jpeg) a 2400px ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/8/b/8b67cec2bac1957822f9a65cac219b5af1cbc92b.jpeg) a 2600px ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/7/f/7fe4b0d21e20d9d60e568d7675a58296eca3dac8.jpeg) Pour moi 2000px on est pas mal. On peut voir aussi qu’il y a une difference sur l’alignement du texte à gauche ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/9/3/934b9367bd64989bbb3a159deeb630f000da6eb0.png) Pour les scènes voilà le rendu sur toute la largeur ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/c/b/cbdd8ca7ea1d95e97efd8fc7e0c17d7746ec4b98.png) Perso je trouve que cela fait gros par rapport à la taille du menu au dessus. Les boutons Dupliquer / Supprimer en haut à droite et les boutons Démarrer / Sauvegarder en dessous se serait peut-être mieux si les boutons du bas serait aligner aussi sur la droite. Un bouton pour étendre l’affchage me parait bien ---
**Author:** ![Terdious](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/terdious/32/6316_2.png) [@Terdious](https://community.gladysassistant.com/u/Terdious)\ **Post date:** [Décembre 10, 2025, 2:21 UTC](https://community.gladysassistant.com/t/discussion-sur-la-largeur-de-la-page-tableau-de-bord-et-scene/9852/10 "2025-12-10T14:21:42Z")
Super nouvelle ce travail. Cela fait des annees qu’on en parlait, je suis donc pleinement convaincu sur la necessité. 1. Le bandeau haut devrait egalement suivre l’elargissement, en l’etat, le rendu choque. 2. pour moi c’est parfait, que ce soit en 1920 ou en 3440, je trouve ca beaucoup plus agreable, et effectivement certains widget ne sont peut etre pas encore adaptés, et il faut peut etre revoir chaque presentation de widget, mais c’est tellement mieux pour la plupart. 3. il faudrait par contre laisser un petit bandeau a gauche et a droite je trouve. Sinon, tres content que tu prennes le temps pour ce travail. ---
**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:** [Décembre 10, 2025, 6:35 UTC](https://community.gladysassistant.com/t/discussion-sur-la-largeur-de-la-page-tableau-de-bord-et-scene/9852/11 "2025-12-10T18:35:56Z")
> [@Terdious](#): > > Le bandeau haut devrait également suivre l’élargissement, en l’état, le rendu choque. De mes recherches, ce n’était pas la best practice, mais je peux creuser plus ! > [@Terdious](#): > > il faudrait par contre laisser un petit bandeau à gauche et à droite je trouve. Je pense que je vais reproposer une version entre ce qu’on a actuellement en production (max-width: 1200px) et ma proposition du début de ce post (max-width: 100%), par exemple un max-width: 1800px ou 2000px. Ce sera un premier pas ! ---
**Author:** ![Prof\_Techno](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/prof_techno/32/19038_2.png) [@Prof\_Techno](https://community.gladysassistant.com/u/Prof_Techno)\ **Post date:** [Décembre 14, 2025, 10:42 UTC](https://community.gladysassistant.com/t/discussion-sur-la-largeur-de-la-page-tableau-de-bord-et-scene/9852/12 "2025-12-14T10:42:02Z")
Alors personnellement j’ai ca ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/7/1/71c440adfba655cc9370126fbbca1bce8b742359.png) ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/8/4/84e2ca246affaa028adeb7f5769512a792b2143d.png) et je n’ai changer qu’un seul parametre : ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/a/2/a2f930ae14f189f2597025517ff6976be30df986.png) dans cette ligne ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/2/1/2134fdd887afa3523c8c205a742db09210c797d1.png) je suis passé a 90 % mais 95 % le fait aussi