search

Dalvany / dalvany-image-panel

Image panel for Grafana
MIT License
16 stars 3 forks source link

Image panel does not fill up the whole width of panel #31

Closed jyuteo closed 3 years ago

jyuteo commented 3 years ago

Hi, when displaying the images, even though I have adjusted the panel width to fit the window, the images are only shown in the middle of the whole panel, I am hoping that there is no empty space on both sides so that more images can be displayed in one row.

As compared to the table panel above, the content of the table can span the whole width of the table panel.

May I know how to style the CSS to achieve that? Thanks.

image

Dalvany commented 3 years ago

Hello @jyuteo I have the same bug, didn't notice it because never had to use full dashboard width. I'm trying to find how to solve it.

Dalvany commented 3 years ago

It seems that my .container css class collide with one of grafana. I'll fix that in the next version. In my .container css class you need to put :

max-width: unset;

Beware that if you're using version 2.2.1 of the plugin, files are signed, grafana might not load the plugin, you'll probably need to delete the manifest file and if you're using grafana 8 you'll have to allow loading unsigned plugin.

See in the folloing capture that unseting max-width from browser dev tool seems to fix the issue image

Dalvany commented 3 years ago

I published this pre-release that fix the issue. Please note that it's unsigned as I'm not able to do that right now.

jyuteo commented 3 years ago

It works well now, thanks!

Dalvany commented 3 years ago

Great ! Thank you for the test of the fix !