Matrix Theme for HABPanel

Has anyone worked out how to get a number of lights that are on showing in this theme? I can see the matrix theme by @pmpkk shows lights that are ON in the group but I am looking for something that will do dimmers AND ON/OFF lights

Thanks, I tried that, it worked. Also, when i removed both start=… end=…, it also worked quite well. I suppose the default values for Start is ‘now-24h’ and for end is ‘now’.

How du you control the Buttons ?

1 Like

Hello,
Unfortunately, my dynamic icon is not displayed. I have the following code:

    <div class="widget">
      <div class="icon on"><svg viewBox="0 0 200 200"><use xlink:href="{{'/static/matrix-theme/squidink.svg#' + itemValue('SeasonName')}}"></use></svg></div>
			<div class="name">Aktuelle Jahreszeit:</div>
			<div class="valueGroup"><div class="value">{{itemValue('SeasonName')}}</div></div>			
		</div>		
		</div>

image

The icon file is in the correct path and the states are “SPRING, SUMMER, WINTER, AUTUMN” are also set. I have emptied the cache from chrome too, unfortunately without success

what am I doing wrong?

i have a question about the Temp.
My Code looks like

<div class="bigDash">
	<div class="description">Temperature</div>
   <div class="top">
		<div class="icon on"><svg viewBox="0 0 48 48"><use xlink:href="/static/matrix-theme/squidink.svg#thermometer-3"></use></svg></div>
		<div class="value">
			<div class="main">{{itemValue('KChe_Temperatur') | number:2}}</div>
			<div class="sub"></div>
		</div>
	</div>

But, the | number:2 donst work. I dont see anythink.
If i use without the | number:2 the number is to big.

2018-06-20%2007_36_47-HABPanel02018-06-20%2007_36_24-HABPanel

hi all ive managed to get the graphs visible for the system info, is there a way I can move the graph to one side? its cut off in the frame on the far right.

Does anyone also know the RGB values used for the Grafana graphs?

What do you mean?
You can change some colours in Grafana but the options are limited unfortunately.

Well, the new Grafana has a custom field with a huge color picker , so the options are limitless.

Im trying to work out what patrick used for his theme . I looked in the CSS file but its not really clear to me what i’d use.

Try them out in:
http://colorizer.org/

Yes, but trying to find Patricks one :smiley: as seen here:

Worked it out :slight_smile:
26bf75 is the hex code you need if anyone wants to change the series override colors in grafana!

1 Like

@kevinshane

You’d mentioned you got the Light Bulb to glow.

Did you have a different icon? Can you show me how this works as I’d like to use the same solution. Thankyou!

@tailor & @Michael_Stjerna was this solved?

nobody ?
4 months later still same result, only running openhab 2.3 now.
Anyone running this theme on a synology or other device then a raspberry pi ?

Maybe if you ask your question again it will be answered, it kind of got lost in time.
I don’t code html nor css. Can get my head around it or I would help

Well when i follow the tutorial i gwt so far by importin the json files used and adapting them so it uses my items.
But the css is not beeing applied alltough its configured correctly, text becomes blue and the items are always arranged vertical, not as in the screenshot on post one. I see many people here successfully using it and i am still failing. I would suspect that when using the standard json files without special modification ( and correct settings : total width and no container wrap) it would allready appear almost looking like the screenshot. If you take a look at my previous screens you can clearly see it totally not in line and showing blue values instead of green ones.

You have to set the css file in the settings of habpanel. Have you done that?

Yes as described in the manual on github.
My openhab static location is set.

When you put the css file’s full path in the browser, does it come up?

I will try that when i come home. You mean in stead of the /static/matrix-theme/ … i would state /volume1/public/openHAB/conf/html/ … ?
Kindest regards