Dashboard does not fit in tablet

Third party integrations HADashboard
1

Hi,

I just bought a HUAWEI MediaPad T3 7. The resolution is 1024x600.

It seems like whatever I try, my dashboard is larger than my screensize. I use the skin called “dark1” - and as far as I can tell it is created to fit a 1024x600 screen.
It seems like the page is “zoomed” for some reason.

I ideally want to use the wallpanel app to display my dashboards.

Any idea on what I could try to make it work?

Oh - and my tablet browser takes AGES to load the dashboards.

2

I manually changed widget dimensions and margins until the dashboard fit. I am using a Fire HD 8 tablet with a screen resolution of 1280 x 800 pixels and a Wallpanel fork with support for auto brightness.
My dashboard config:

widget_dimensions: [116, 116]
widget_margins: [4, 4]
columns: 8

Adding up the pixels, the dashboard size would be 8 columns * (116 + 4 + 4) = 992 pixels wide, and 5 rows * (116 + 4 + 4) = 620 pixels high. Width and height are 77.5% of the tablet’s screen resolution, so it appears as if some zooming is happening there.

3

zooming can happen by the browser or app you use to show the dashboard.

the best way to avoid that is to fit your dashboard to your resolution.

  • first get your screenwidth (for example 1024)
  • then decide how many widgets you would like besides each other (for example columns: 8)
  • then decide if and how width you would like your margin. (for example 10)
  • the dimension from the widget then will be > x=((1024-10)/8)-10=116.75 so chose 117 or 116
  • then get your screenheight (for example 600)
  • then decide how many widgets you would like beneath each other (for example 6)
  • then decide if and how width you would like your margin. (for example 10)
  • the dimension from the widget then will be > x=((600-10)/6)-10=88,3 so chose 88

now you settings will be:

widget_dimensions: [116, 88]
widget_margins: [10,10]
columns: 8

with these settings you will get no zooming, because it fits your resolution.
do you still get zooming? then you have bad settings in the app or browser and/or the wrong app or browser.

1 Like
4

only the background can be a certain size, but a skin cant be for a screensize because you set the screensize in the dashboard with the amount of widgets and the size from the widgets.

5

Thank you - your posts helped me a lot. I now have a functional grid that also performs reasonable well. The original skin I used was designed with widget_dimensions [1, 1]

6

designing with widget_demensions[1,1] is possible.
it has some advantages but also some disadvantages.

advantages:

  1. more flexibility in placing widgets
  2. different widget sizes in 1 dashboard possible
  3. topbars and bottombars possible
  4. different margins in 1 dashboard possible

disadvantages:

  1. a lot slower loading from the dashboard
  2. an extrem amount of calculating to place widgets right needed
  3. the code isnt that easy to read
  4. changes take a lot of efford and time

so its not something for everyone. and most of all not advisable for new users. :wink:

7

Hallo Rene,

Waar moet deze tekst toegevoegd worden?

8

this forum is english only.

and i hope you realise this topic is about HADashboard from appdeamon and not HAdashboard from home assistant

if its about the appdaemon dashboards, the look at the docs.