Announcement - HADashboard v2 Beta 2!

i was trying out some stuff and then it hit me again.
it isnt gonna work as long as empty lines are needed.

layout:
  - widgeta(2x2),widgetb(2x2),widgetc(2x2)
  - 
  - widgetd(2x2),widgete(2x2),widgetf(2x2)

would work, but if i replace that with widgeta(120,120) i need 119 empty lines below it.
so if you could easily create a spacer to replace a x amount of empty lines, this would be an awsome workaround for now.

if not, we better wait until we have a better way to locate widgets.

Look at your widgetb. Should that be a comma?

thx, was a typo.
but it was an example anyway :wink:

Looks real good Chip - I know how long you wanted to get this skin together!

it is possible to group things, but it takes a layout from 800 lines :wink:

edit:
obviously that makes lots of titles obsolete, but i use those widget in other dashboards too, so i didnt want to mess them up or recreate them :wink:

1 Like

Im looking for a way to change the text size for widgets, but I dont want to do it “site wide”.
Basically I currently have a Wink Relay in my entryway with access to a browser, that I want/need to change the sizes for.

However I also plan on doing a proper tablet setup in the livingroom, which will obviously be larger than the Relay.

I came across the following link, but this looks like its going to make changes to all widgets no matter the dashboard.erb file Im loading up.

Am I missing something here, or can someone point me in the right direction to make changes to layout/widget and text sizes per dashboard?

Thanks

Hi! How did u make those small boxes (headers) for your widgets? Tried yesterday but failed. Would like having transparent boxes with text .In fact like your screenshot but transparent

Are those pop-ups also planned for slider’s and input selects? My fault I didn’t test slider’s yet but I imagine also having those popups for light cards to set colour

Hope i was a bit clear? :joy: Like in hass . To see some information of sensors or making light colour changes

He guys no interest to create a new Futtereimer for this project as This might replace the frontend for many users ?Or even new section in the community board with sub topics like showroom code snippets and feature requests to make it a bit ordered?

New feature : pattern code for dashboard .Like this it’s save against playing children :joy:

@Bill_Surowiecki you are talking about HADashboard V1.
thats a completely different program then the program we are talking about here.
this topic is about HADashboard V2.
it is a complete new program with a better setup and more possibilities.

@thundergreen i did it the way i explained before, by setting widgetsize to (1x1) on dashboard level and using layout lines like this:

    - input_boolean.huiskamerverwarming(120x120),  sensor.huiskamer_box_4_1(120x120)
    -  spacer(15x5),header.woonkamer(240x30)

but like i said the complete layout is then as long as the amount of pixels in your dashboard.

As Rene says - different p[rogram.

Dashboard v2 is the spiritual successor though, and one of the things I fixed was to enable you to make each dashboard the size and shape you wanted, it’s very easy in v2.

Also, v2 has skinning and a lot of control over the widgets, so you can change text size on a per-widget basis using CSS style overrides. When you clone the repository it is all explained in the docs.

That has always been the plan yes, but I didn’t have time to work on it for all widgets for the beta. For now, the dimmer, climate and input_slider all work with the annoying +/- buttons. The Alarm was my first attempt to make a popup dialog, and over time I will reverse engineerr it into input_slider, use it for climate, ansd build something like HAss’s color picker and dimmer for light bulbs, and I’ll also add a proper input_select at that point too.

1 Like

It already is in it’s own section! We can create sub-sections if necessary.

I didn’t know you spoke German, Andrew. I had to look that up to figure out he was talking about RSS Feeds.

1 Like

Germans here ? :stuck_out_tongue: ok… another question… I dont understand this. Some sensors have white color …

AAaaanndd… I tried playing img_url iframe. with pics on local network … didnt work … it must be a webserver?

How did you get the circle widgets?

The location for the widget represents the upper left corner. Correct?

dasboard.css in the skin in custom_css

.widget {
  padding: 0px 0px;
  text-align: center;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  background-color: #444444;
  -webkit-border-radius: 37px;
  -moz-border-radius: 37px;
  border-radius: 60px;}

The Sensor widget automatically detects text vs numbers and applies a different - they are both in the variables file, sensor_value_style and sensor_text_style

Yes, it’s a URL not a path to a file. At some point I’ll add a directory you can put pics in to be served up.