# Problème image dans les widgets (navigateur desktop)

**URL:** <https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737>\
**Category:** Configuration\
**Tags:** v5\
**Created:** [Août 28, 2026, 3:03 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737 "2026-08-28T15:03:06Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![PhilippeMA](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/p/b3f665/32.png) [@PhilippeMA](https://community.gladysassistant.com/u/PhilippeMA)\
**Post date:** [Août 28, 2026, 3:03 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/1 "2026-08-28T15:03:06Z")

</div>

Hello,

J’ai un soucis avec les widgets caméra et maison.

Les images ne sont pas ajustée au widget en mode navigateur desktop (alors que ok en responsive sur mon téléphone) :

- Caméra : ça fait un zoom tronqué des images
- Maison : la photo importée n’est pas redimensionnée à la taille du widget (la photo dépasse, ce n’est pas comme la caméra).

Est-ce que d’autres constatent la même chose ?

 ![screenshot_20260828_170222](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/9/a/9a8e374e140f1a0a2135167271408bc669cd70b2.jpeg)

---

<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:** [Août 28, 2026, 6:46 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/2 "2026-08-28T18:46:41Z")

</div>

J’ai aussi un problème avec le widget `vue de la maison`.  
Comme ça déborde en haut et en bas, on ne peut plus cliquer sur les icônes à droite :

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/2/d/2d0b8ce0133c424bbdaae42f23cab93cd24707dc.jpeg)

---

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [Août 28, 2026, 6:47 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/3 "2026-08-28T18:47:19Z")

</div>

Je pense que vous avez juste de trop grandes maisons ! 😅😂

---

<div class="post-metadata">

**Author:** ![spenceur](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/spenceur/32/1961_2.png) [@spenceur](https://community.gladysassistant.com/u/spenceur)\
**Post date:** [Août 28, 2026, 7:00 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/4 "2026-08-28T19:00:34Z")

</div>

je confirme ici :

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/6/1/61797de3c99a9e3a27c25224efaa4ecfeff37e3b.jpeg)

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/4/2/4240e6a0736b18828a9cfaed7a5a52df475ce9c8.jpeg)

ça deborde ahah

---

<div class="post-metadata">

**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:** [Août 28, 2026, 7:57 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/5 "2026-08-28T19:57:56Z")

</div>

Meme chose chez moi.

---

<div class="post-metadata">

**Author:** ![cursor-bot](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/cursor-bot/32/22252_2.png) [@cursor-bot](https://community.gladysassistant.com/u/cursor-bot)\
**Post date:** [Août 29, 2026, 7:54 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/6 "2026-08-29T07:54:14Z")

</div>

Salut tout le monde !

Ce sujet est désormais **en cours de développement**.

Une PR a été ouverte pour garder les images caméra et vue de la maison dans leur carte sur desktop :

> <https://github.com/GladysAssistant/Gladys/pull/3056>
>
> \### Description
> 
> Fixes the two desktop image bugs reported on the forum (topic 1…0737), both side effects of the selective column stretch (spec A.4) shipped in v5:
> 
> \- \*\*Camera widget — cropped "zoomed" snapshot.\*\* A camera card in a column shorter than its neighbors stretches, and its snapshot filled the taller image area with \`object-fit: cover\`: a 16:9 frame was reduced to a vertical slice of its center. A camera view is information, so the stretched snapshot now uses \`object-fit: contain\` — the full frame is always visible, letterboxed on the card. Applied to the viewer (\`routes/dashboard/style.css\`) and the editor preview (\`edit-dashboard/style.css\`) for canvas parity.
> 
> \- \*\*House-view widget — image overflowing the card top and bottom.\*\* When the house illustration renders taller than the 65vh stretch cap at the column width, only the \*card\* was clamped: the image kept its width-driven natural height and bled out of the card, covering the header and neighboring widgets. A new \`dashboard-stretched-tile\` global marker (the tile counterpart of the existing \`dashboard-stretched-media\`, set in \`BoxColumns.jsx\` and \`EditBoxColumns.jsx\`) lets the house-view stylesheet bound the image by the cap minus the card chrome, and its wrapper now shrink-wraps the possibly narrower image so the \`%\`-positioned pins stay glued to the same points of the plan.
> 
> Mobile (\<992px) is untouched: columns stack, no cap, natural full-width render — which is why the bug only showed on desktop. The A.4 section of \`docs/specs/dashboard-flexible-layout-and-widgets.md\` is updated accordingly.
> 
> Verified on a faithful static copy of the DOM/CSS chain (tall neighbor column, 1440×900, Chromium): before the fix, the edge markers of a 16:9 test frame disappear on the camera and the house plan covers its own card header and its neighbors; after it, the full camera frame is letterboxed, the plan fits the capped card, and the measured pin center stays exactly on its \`x\_pct\` point of the illustration (\`pinCx === wrap.left + wrap.width \* 0.85\`).
> 
> \## Forum
> 
> Forum: https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737
> 
> \### Checklist
> 
> \- \[x\] Tests pass: no server change (front-only CSS/markup); front build passes (\`vite build\`)
> \- \[x\] Linter and prettier pass on both front and server (\`npm run eslint\`, \`npm run prettier\` — only pre-existing inline-style warnings remain)
> \- \[x\] No undocumented breaking change

N’hésitez pas à suivre la PR, à tester (optionnel, surtout pour les petites demandes) et à faire vos retours ici si besoin.

---

<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:** [Août 29, 2026, 8:25 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/7 "2026-08-29T08:25:46Z")

</div>

Ceux qui ont le bug, vous pouvez tester sur cette URL ? [https://claude-bug-image-widgets-des.gladys-plus.pages.dev/](https://claude-bug-image-widgets-des.gladys-plus.pages.dev/) ? 🙂  
Merci !

---

<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:** [Août 29, 2026, 9:02 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/8 "2026-08-29T09:02:13Z")

</div>

chez moi je n’ai carrément plus rien après avoir sélectionner la maison :

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/8/2/82e6bc433c19fde33da7fd565f6b613cd1b5737a.jpeg)  
 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/optimized/3X/e/3/e3f3f5a792f6d80d61cd55dcecfe0af8163c9bb8_2_689x29.png)

---

<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:** [Août 29, 2026, 10:34 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/9 "2026-08-29T10:34:13Z")

</div>

Oula, normalement c’est corrigé 😁

---

<div class="post-metadata">

**Author:** ![PhilippeMA](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/p/b3f665/32.png) [@PhilippeMA](https://community.gladysassistant.com/u/PhilippeMA)\
**Post date:** [Août 29, 2026, 10:53 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/10 "2026-08-29T10:53:58Z")

</div>

Pour les webcams, les images ne sont plus tronquées (même si les widgets n’ont pas tous la même taille alors que toutes les images sont en 16:9).

Pour le widget maison, pas d’évolution :

 ![screenshot_20260829_124428](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/4/e/4e015b978104c988f2fc56a8c5b2dbc818e2e3a7.jpeg)

 ![screenshot_20260829_124528_flou](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/8/6/86aaad5823b6d60b614bc355499ea4f0f8e69e8a.jpeg)

---

<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:** [Août 29, 2026, 11:51 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/11 "2026-08-29T11:51:13Z")

</div>

Merci @PhilippeMA pour tes tests, je viens de pousser une nouvelle version sur la même URL, preneur de testeurs 😉

---

<div class="post-metadata">

**Author:** ![PhilippeMA](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/p/b3f665/32.png) [@PhilippeMA](https://community.gladysassistant.com/u/PhilippeMA)\
**Post date:** [Août 29, 2026, 12:33 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/12 "2026-08-29T12:33:35Z")

</div>

C’est tout bon. Pour les caméra, j’ai maintenant des bandes noires (les widgets ne sont pas correctement dimensionnés) mais les images ne sont plus déformées. Et pour le widget maison, c’est nickel.

 ![screenshot_20260829_142045](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/6/9/691514810cdd52989ca101b92f9622db342fbe3a.jpeg)

 ![screenshot_20260829_142107](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/d/c/dc744906bf2b41dd80b9a5a9bb40e144ce72e368.jpeg)

---

<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:** [Août 29, 2026, 12:42 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/13 "2026-08-29T12:42:46Z")

</div>

Excellent, quelqu’un d’autre pour confirmer ? Je vais faire une release dans l’aprem ça serait chouette que ça partes avec 😃

---

<div class="post-metadata">

**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:** [Août 29, 2026, 12:51 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/14 "2026-08-29T12:51:16Z")

</div>

Je vais être embêtant, mais je préférais avant. Pour la caméra au milieu, le widget s’adapte à la zone et j’ai de grandes zones noires. Je ne suis pas fan.

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/1/2/12ab19dd19e3742aa16721ce97deec5b264e3739.png)

---

<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:** [Août 29, 2026, 12:55 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/15 "2026-08-29T12:55:02Z")

</div>

ok pour moi pour la maison :

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/4/f/4fae652f34e37008849f98a2ca1f9c8abd8c9386.png)

Au passage, les épingles sont juste des infos ou c’est pilotable ?  
 → ok je viens de relire le blog (RTFM!) et c’est juste de l’info.

---

<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:** [Août 29, 2026, 12:58 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/16 "2026-08-29T12:58:31Z")

</div>

> [@Will\_71](#):
>
> Je vais être embêtant, mais je préférais avant.

Je suis d’accord c’est pas terrible !

La solution ça serait juste de ne pas recadrer dynamiquement les caméras, et tanpis si ça fait un trou dans la colonne :

 ![cameracompare](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/b/2/b2890c5d9d4313bb19db5c74a7656f8e5c1a5e5f.png)

---

<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:** [Août 29, 2026, 1:03 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/17 "2026-08-29T13:03:30Z")

</div>

J’ai poussé un nouvelle version sur la même URL 🙂

---

<div class="post-metadata">

**Author:** ![spenceur](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/spenceur/32/1961_2.png) [@spenceur](https://community.gladysassistant.com/u/spenceur)\
**Post date:** [Août 29, 2026, 1:14 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/18 "2026-08-29T13:14:33Z")

</div>

@mutmut

Il y a une demande pour ça

> [@Rendre actionnable vue de la maison](https://community.gladysassistant.com/t/rendre-actionnable-vue-de-la-maison/10743):
>
> J’aimerais si possible au clique sur une épingle qu’une action se fasse. par exemple ici on a deux actions possible (ouvrir le volet ou allumer la lumiere de la cuisine slight_smile Qu’en pensez vous ?

---

<div class="post-metadata">

**Author:** ![PhilippeMA](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/p/b3f665/32.png) [@PhilippeMA](https://community.gladysassistant.com/u/PhilippeMA)\
**Post date:** [Août 29, 2026, 1:15 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/19 "2026-08-29T13:15:22Z")

</div>

Voici le résultat chez moi. J’ai une organisation en 3 colonnes ;

 ![screenshot_20260829_150304](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/4/e/4e23337b21d781c3729c300ee8740ededfb2d33f.jpeg)

---

<div class="post-metadata">

**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:** [Août 29, 2026, 1:25 UTC](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737/20 "2026-08-29T13:25:39Z")

</div>

pour moi c’est bon maintenant pour les caméra

[Page suivante](https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737.md?page=2)