[APP][Pro] Dashboards

another question:
i use fully kiosk to display the dashboard and let the screen go off of nobody is there.
but when the screen wakes up, there is always the message:

this was not the case with the old app. Any hint how to avoid this behaviour?

:zipper_mouth_face:

I also observe this regularly on my normal desktop … refreshing (F5) always helps, but I also wonder why this is happening … :see_no_evil_monkey:

i managed to insert horizontal lines and some text :slight_smile:

how do you work with dialogs? Could you show me the edit mode, where i can see the dialog?

not where i come from , but getting closer :slight_smile:

:zipper_mouth_face:

6 hours later

what i didnt manage:

  • change position of shutters, simple slider
  • change heating with a slider
  • symbols for boolean instead of yes/no
  • adding simple text lines (i use iframes with simple html pages with text on my webspace)
  • change font size
  • have those realy cool insight charts from the old app

When i played around with the Capacity template the dashboard crashed and could not be recovered. I must create a new one each time.

I know, it annoys the hell out of me also. Problem is that I only experience it on my phone, never on a proper computer with debugging options :person_shrugging:

Working on it!

“someone”, no need to say who.. really wanted to have more styling, especially customizable reactive styling of components based on.. basically anything. So with the features I’m working on now, more or less anything could be made reactive and interconnected. Even incorporating data from multiple Homeys in the same dashboards should be easy to implement. Dont even know if that’s something people actually need though :thinking:

But, I’m alive and working on stuff! :sweat_smile:

3 Likes

in fully kiosk i found one option which helped:

was enabled before

another error is the position of the shutters, in my screenshot the first section left.
the Value of the position of shutters is between 0 and 1 equal to 0 and 100 %.
You display the absolut value as % which leads to between 0 and 1% which makes no sense any more.
maybe you can fix this

Dialogs: a bit tricky:

My approach:

  • Readonly widget, because I do not want to be able to accidently change some things directly on the dashboard
  • and since the dialog only supports one child: first put a list widget in it, and add multiple children then to the list widget

When you then click on “Open” you can edit what shall appear as modal dialog when you open the dialog

  • add a section widget as first, so you can have a title (property of the section widget) and to be able to add multiple widgets (otherwise again only 1 possible)

1 Like

for booleans: just use a toggle

but what’s the problem with the insight charts, they work really flawlessly here:

click on it after adding, and select it at the top “Insight” in the breadcrumbs to configure it

click on the magnifying glass to select the source for the insight

1 Like

before you were able to do charts with two graphs in one and also with cumulated values, so much more options.

the worst thing is to be unable to control shutters, this was very helpful before, but lets see, whats coming up…

still working as before

wil have a look, puh, UX problem, the symbol is a trash and a name and if you click on the name then you get more options. I was treating it as trash!

thanks

maybe it helps: when this is happening a get the following in the console … after a F5 refresh this type of errors are gone:

so maybe some kind of timing issue with authentication?

by the way, related thing I observe on Desktop: if I let the browser window open for a longer time … in the background … and later switch back to it:

this automatically disappears a few seconds later after the browser window is in the foreground again… but I would say: no need to issue those errors when in the background maybe …

I’m experiencing an issue with the Dashboard app (v1.3) on mobile devices related to how the layout breakpoints handle Section settings width. I want to have 4 sections on my mobile phone in vertical mode, but it ends up with just 1 section (see image below).

Although my Samsung A54 has a physical screen width of 1080 pixels i vertical mode, the Dashboard app seams to use the viewport width (CSS pixels) to determine layout breakpoints. On my device, the viewport width is reported as around 384 pixels due to device pixel ratio scaling.

Because the Dashboard only defines layout breakpoints starting at 640 pixels (small = 640–768 px), any viewport width below 640 pixels defaults to a single-column layout. This means on many mobile devices, the Dashboard always falls into the “under small” category, resulting in only one column being displayed, even though the actual screen is wide enough to show more.

Additionally, the app currently does not allow customizing the layout grid below the 640px breakpoint, which limits flexibility for mobile views.

Suggested improvements:
Allow setting grid columns for viewport widths below 640px
Or consider using device pixel ratio or physical screen width alongside viewport width

I hope it would be possible to improve the Dashboards app to solve this.

Thanks for your hard work on this app.

HORIZONTAL:

VERTICAL

Does someone know, how to control a shutter from Fibaro?

Finally able to create something of a dashboard, but I’m having difficulties deleting an insight. It looks like you should click the trashicon? Doesn’t work


Also when I add another insight, it is saved without clicking on the SAVE button of the dashboard

And a feature request: setting the Y-axis of insights to specific min/max values. That way you can f.e. set the indoortemperature to 18 and 24 degrees and your graph will always give you the same representation (instead of a line that heavily moves when only small changes are measured)

Despite the very steep learning curve I still think this is the best solution to suite my needs. I liked the WYSIWYG approach (more control of where items are placed and no layoutdifference between edit and viewmode) of the old version better, but this version is very advanced and flexible.

2 Likes
  • :zipper_mouth_face: