[APP][Pro] Dashboard Studio - A completely free-form dashboard designer

Thanks for your testing feedback @Amersfoort I will address the problems.

But why aren’t you using the text widget for that?

You can just inject sensor values directly inside the text. Align it with tables etc.

Nice graph tics.:grinning_face:

A minor detail: for me tics start at the axis and extend to left/botom.

But with the size and offset adjustments you can do that.

Thanks

@Satoer On my old iPad (iPad Air Model A1474 2014, iOS version: 12.5.8) the Text widgets do not show at all. It does not show any values, not doesn’t it show the border. It worked before, but now I updated to the latest test version, it does not show anymore. On a newer iPad and on my laptop it does show.

Also I have one more request (finetuning) for the slider widget. In the latest release I am able to show values 00.14 as 14.00. It would be nice if I also could set the number of decimals to display.
I use the slider for setting the Sonos volume. So 0.14 will show as 14.00, but just 14 would be even nicer.

Wow! Amazing to see an attempted bug fix this soon! :slight_smile:
Unfortunately it seems it didn’t work though…? My heat pump is still stuck at the last value and stays there until there’s a change, which certainly when the heat pump isn’t doing much can take hours. (Or is there something I should reset first? Or is some configuration required??)

How on earth do you add things like news feeds etc to the dashboard?? Sorry for asking what’s likely the n00b questions here :stuck_out_tongue:

Quite some steps to make. I think there are alternatives, but this is the one I like:

  1. use RSS reader Homey app in order to read multiple news media (multiple instances of RSS reader)
  2. when a new message comes in, call a Homey script and get message time, title, source link and image url
  3. save the messages on top of max. 9 messages in a Homey variable (delete older messages)
  4. get all 9 messages in a Homey script and split this to a Markdown table and a SVG, because 9 images will fit in one SVG instead of sending 9 separate urls with images to the dashboard.
  5. send markdown table and SVG as 2 variables after every RSS news message to update the dash.

Steps 2 - 5 can be done with one or multiple Homey scripts.

Yes you are right, I can use this in several cases. For me the following options are quite hard to setup in Markdown:

  • showing only k- or M-values without decimals (yes, you can define a variable with a flow)
  • using a custom icon (you have to define the complete svg code, color and size in the Markdown table)
  • quite large line space with minimum values set.

So, I can solve this, only not the latter.

Resizing or moving widgets seems to work fine now.

I saw 2issues after the migration.

  1. The vertical alignment of the (text-only-)gauges changed. I just moved them back in the right place as i didn’t find a vertical alignment. Probably something to do with offset or gap or … ?

  2. The dimensions of an SVG-image were f*cked up. As someone already mentioned the whole image disapears when disabling the ‘fit container’. I also just resized the widget to solve this…

Thanks for another huge update. Got some new things to test this weekend :slight_smile:

Thanks guys for the feedback. I’m not going to reply on everyone, but I’ve read everything and I will address all problems :+1:

No reset required. Can you do the following for me, right click the insight flowcard and execute “Start from here” (or something similar) then go to the Dashboard Studio website “Data stream explorer” and copy the value (so not the topic) and send this to me? Also would also like to know the exact time you executed the insight card. (like 19:04:44 or something). Thanks.

@Satoer Thank you for the extra decimal with the gauge . That makes thinks easier

Thanks for this nice update @Satoer !
Only one thing that seems to be broken since today.
Most,but not all of my calendar items are now spread over multiple days. Any clue why?

Hi @Satoer

Thanks for the continued development of this project.

Same problem for me with the calendar view.

Calendar items now in a list from earliest to latest date in a “today and next 7 days view” with full width display rather than equal columns width.

Was ok with version 1.8.9

Changed with update to version 1.9.0

Found a nice site for glassmorphism definitions. Some options are already available in DS. A blur intensity option, among others, would be welcome for buttons, menus and containers.

Hello. How did you get the cover of the album playing ? I’m looking for such a feature, but I couldn’t find a way to achieve this.

Thanks for your help,

Emmanuel

Hi Emmanuel, Welcome to the chat.
You can read all about it from here and lower:

NEW TEST Release: 1.9.2

Improvements

  • Gauge and Slider: Custom display range now adds decimal places and keeps trailing zeros for the shown value.
  • Graph Widget: Tick marks now attach directly to the axis lines instead of sitting centered on the line, and the default tick thickness has been increased.

Fixes

  • Text Widget: The layout on older iPads no longer collapses to zero height.
  • Text Widget: Color blocks in markdown tables now correctly stay within their cells instead of spanning the full width.
  • Text Widget: Inline live values and content animations work much more reliably after updates.
  • Text Widget: The scroll position no longer jumps when live topic values change.
  • Insight Flow Cards: The Last 24 Hours, 7 Days, 30 Days, and Year options correctly send the full time range again.
  • Insight Flow Cards: Sensors that change rarely (such as door sensors) now display correctly on short time ranges. (please test)

Mostly addressed all above bugs and added a few requested features.

This is fixed :+1:

This is also fixed :+1:

Fixed :+1:

Added, you can now set the decimals and optionally force them.

It was actually by design, but you are right, it is more “industry standard” to do not put the ticks (or is it “tics”… I could not get a decisive spelling when I googled about this haha) in the middle of the axis. So I have changed it. But you probably need to correct the offset again :face_with_tongue:

It is fixed. In 1.9.0 I have added an option to send the whole markdown in a single line and “\n” in the text makes a new line. (it is a universal code syntax). But it messed up the box texts.

Can you check if this version fixed the problem with the stale values?

I have found some CSS code that might have broken it, Can you check if this version works on your old iPad? (I have no test device on hand with iOS 12).

Comments (not fixed):

The content can not fit anymore in the container size. Normally this would clip / mask the content. But you have made the container background invisible. A couple of versions ago I decided that it was better to not clip the content when the container background is invisible, this solved a problem that the glow of a button can now overshoot its boundaries. (otherwise it was clipped / masked off ugly) tldr: Do not make the container smaller than the contents :face_with_tongue:

I can not recreate the problem. When I change all the colors of a gauge to pink inside 1.8.9 it still is pink in 1.9.0. But I did discovered a bug in earlier versions that the master default value text colors of an gauge widget did not work at all. This was automatically fixed because of the integration of the typography settings. Also the case setting seem to migrate correctly on my side. :thinking:

What kind of animations are you suggesting? The only thing I can think of is that the bar slowly changes instead of instant?

hmm, I couldn’t also not recreate this problem. The small test I did migrated correctly. The typography settings under the hood where drastically changed so it might be related to line spacing or something :sweat_smile:

I like it. I will keep this in mind. Probably need to overhaul all widgets again to implement this correctly. It can not just be the button in this style. The whole dashboard need to uniformly adapt. :sweat_smile:

I think I fixed all the major bugs, but please let me know if you if there are any problems. Or how I can recreate bugs. For the users that need acces to the old version (for example to test if something not correctly migrates), you can use the old 1.8.9 version over here.

So, Now I’m going to enjoy the sudden nice weather in the Netherlands first :sun_with_face:

Font: 30px (high resolution screen), Vertical spacing 0, padding 0


Could vertical spacing be a negative value?

Yes, that’s the one for gauges. Other suggestion: possibility of gauge rail opacity definition.
Below the semi-transparent part of the rail is a SVG now…

No solution (yet)?

Ah, yes tried that one, at first I did not understand the problem because I was able to change the style just fine… Just tried it again, and see the problem. It is actually just the regular style it is ignoring. Weird bug, I shall fix it. :+1:

Yes, but apparently it does not influence text inside tables. I shall change that. (But visually I don’t think your screenshot needs less vertical spacing :sweat_smile: )

Ill add it to the list.

Hi Michel, what a great app, I’m making some testdashboards now.

I’m just getting it, so many possibilities!

I did read most of the manual and this thread, but i could not find the possibility of automatic sizing of text. Is it possible to make the text size smaller when the text becomes to large?

Currently I use al lot of (multiline) variables with the status of a room, like temperature, humidity, but also what’s playing (if music plays), airco status (if on) and air quality (if not 100%). So sometimes I have one line, sometimes I have up to 6 lines.

I do display this on Google Nest, so bigger is better, but I want to see it all.

If this is not (yet) possible, I’ll try to put the textsize in a variable, but that will always be a guess.

Hi Victor. Thanks.

No there is not an easy checkbox option for that. It probably will not be too hard to do with a flow though. You could make the text size dynamic by counting the amount of lines and setting the size based on a value divided by that count or something similar.

Do you just use a text widget to show all these metrics? Can you showcase a couple of screenshots and photos of your Nest setup? Seeing how users use it always inspires to improve the software.