Dashticz is een User-Interface voor je Domoticz installatie. Je kunt Dashticz eenvoudig via definitie-files configuren voor gebruik.
WAF
Zoals je in een vorige post van mij hebt kunnen lezen ben ik helemaal overgestapt van Pimatic naar Domoticz. Dit bevalt erg goed en Domoticz werkt prettig met een handige en mooie User-Interface. Op het Dashboard zet je alleen je belangrijkste apparaten voor gebruik om het geheel overzichtelijk te houden.
Nu kan de User-Interface van Domoticz wellicht toch nog te technisch overkomen en dat is voor de WAF (Wife Acceptance Factor) niet echt handig. Ik heb daarom eens rondgekeken voor een oplossing en vond Dashticz. Hiermee kun je een User-Interface opzetten van al je gedefinieerde apparaten van Domoticz. Je gebruikt dan dus Domoticz als je backend en Dashticz als je frontend.
Basis principes
Je kunt met Dashticz heel snel aan de slag en in de Wiki wordt goed uitgelegd hoe je deze installeert en configureert.
Ik heb zelf besloten om Dashticz niet op mijn Raspberry Pi waarop Domoticz al draait te installeren (dit kan wel), maar apart op mijn Debian Server. Reden hierachter is dat ik de Raspberry Pi alleen wil inzetten voor Domoticz taken en zodoende wil ontlasten. In je configuratie-file geef je aan op welke host en poort en met welke gebruikersnaam en paswoord Domoticz draait.
Het principe achter Dashticz is zowel eenvoudig als geniaal. Je configureert in de ‘CONGIG.js’ file elk apparaat dat je wilt tonen in zogenaamde ‘blocks’ die allerlei properties heeft. Tevens geef je aan in welk ‘columns’ je deze ‘blocks’ wilt zien. Tenslotte geef je nog voor elk ‘screen’ aan welke ‘columns’ je wilt tonen.
Belangrijkste principe is dat je ‘blocks’ en ‘columsn’ een zelf gekozen breedte tussen 1 en 12 geeft. Verder mag het totaal van alle ‘columns’ op een ‘screen’ niet groter dan 12 zijn. Op deze manier kun je een indeling maken. Naast bovengenoemde style-elementen kun je ook nog diverse buttons en ‘custom applications’ gebruiken. Op de Wiki staat dit allemaal erg goed uitgelegd.
Tenslotte kun je alles nog fine-tunen via een ‘custom.css’ file en ‘custom.js’ file en is er een apart forum op Domoticz waar je terecht kan voor informatie en vragen.
Aan de slag
Ik ben hiermee eens aan de slag gedaan en je staat verstelt hoe je in korte tijd een krachtige User-Interface kunt samenstellen die de WAF zeker doorstaat. Hieronder zie je wat ik er tot nu toe van heb gemaakt. Ik moet wel aangeven dat dit nog Work-In-Progress is en er nog van alles kan veranderen. Zo verwacht ik nog een aantal spullen uit China die ik dan nog ga integreren.
Update 15 December 2019
Vanwege de overweldigende vraag naar mijn configuratie files heb ik deze online beschikbaar gemaakt. Je kunt deze hier downloaden. Laat je in de reacties dan nog even weten of deze je geholpen hebben? Ik ben nu overigens overgestapt op Dashticz V3 en heb dat ook op mijn Blog beschreven.
Conclusie
Ik ben aangenaam verrast door Dashticz en ga nu nog de puntjes op de i zetten om een mooie en krachtige User-Interface te configureren. Als je eenmaal door hebt hoe het werkt dan gaat er een wereld voor je open.
Ik zit al een paar dagen mn hoofd te breken over het volgende. Jij hebt in jouw Dashticz opmaak, scherm 2 van jouw voorbeeld 2 kolommen. Alles links van Weersverwachting Rijsbergen is kolom 3 en Rijsbergen en de kolom er rechts naast is kolom 4. Hoe dwing je nou dat de devices in de kolom “Switch” alleen in die kolom staan en niet aansluiten onderaan Rijsbergen en overlopen naar “Switch”. Ben ik een beetje duidelijk? 🙂 Ik wil alleen DIE kolom vullen en niet degene links er naast.
Bij scherm 2 heb ik 4 kolommen met respectievelijk een breedte van 2, 4, 4 en 2 (totaal 12 dus). Van elke kolom geef je de breedte op, bijvoorbeeld 4 bij kolom 2 hier. Binnen elke kolom kun je blokken plaatsen die je per blok ook een breedte geeft. Ik hier b.v. voor mijn ‘ping’ blokken een breedte van 4. Op deze manier komen er dan dus 3 naast elkaar (12/4). Hopelijk is het zo een beetje duidelijk. Als je wilt dan kan ik je mijn gestripte CONFIG.js en custom.css emailen.
Ja, hoe simpel ook. Ik zat te werken met 2 kolommen per scherm maar kan er bv ook 4 kolommen op een scherm kwijt, als ik maar niet over die 12 ga!
Dank je voor de uitleg!
Ik las er even overheen maar zou het wel fijn vinden als je die twee zou mailen! Zou me een hoop helpen!!
Ik heb je een prive email gestuurd.
Dag Henri,
Ben momenteel bezig om dashticz een beetje fatsoenlijk te maken, dit lukt redelijk maar nog niet helemaal. Zo heb ik een dropdown menu welke niet de juiste waardes (radiostations) toont maar enkel een lange reeks van getallen en cijfers en ik krijg het tevens niet voor elkaar om de buttons (play, pauze, forward) van mijn sonos te tonen. In Domoticz worden deze welk getoond maar in Dashticz niet.
Zou je mij je config.js. en custom.css willen mailen, misschien zie ik dan hoe jij dat hebt gedaan. Bij jou zie ik overigens ook dat jij je Hue lampen kan dimmen via domoticz, hoe heb je dat voor elkaar gekregen?
Thanks alvast!
Ik heb je een prive email gestuurd, maar deze lijken te bouncen.
Hoi Henri, bedankt maar ik zie niets in mijn mailbox 😉
Excuus nu wel!:)
Is hij nu wel aangekomen?
Hi Henri, onder de indruk van je Dashticz schermen. Zou ik ook de gestripte CONFIG.js en custom.css mogen ontvangen? Ze komen voor een groot gedeelte overeen met wat ik in gedachte heb. Thnkx!
Ik heb je een persoonlijke email gestuurd met gestripte config files van mijn Dashticz installatie. Hopelijk helpt het je.
Hoi Henri, zou je mij ook de config en css file willen sturen? Wat je gemaakt hebt is echt precies wat ik zoek! Alvast bedankt! 🙂
Ik heb je een prive email gestuurd. Aangekomen?
Jazeker! Dank je!
Henri,
Hoe heb jij de herkenbaarheid van jouw iPhones gedaan, met Geofence?? Ik krijg dat niet betrouwbaar. De ene keer ziet -Pilot- de iPhone wel maar de andere dag weer niet.
Ik gebruiik Pilot niet maar iDetect. Zie ook mijn blog over ‘Configureren Domoticz’. Dit werkt bij mij goed en betrouwbaar.
Hallo Henri
Ik zit te kijken naar jouw gas/electra grafiek. Nu ik zonnepanelen heb is dit een gewilde grafiek, mn electra 🙂
In jouw afbeelding zie ik dat electra een update heeft per dag en gas elk uur (op de basislijn). Waar stel je dit in? Ik zie er in jouw custom css/CONFIG.js namelijk niets van terug.
Je kunt alleen in de globale instellingen aangeven wat de default weergave is:
config['standard_graph'] = 'month';In de user-interface kun je dan met de knoppen nog eventueel run-time schakelen naar dag of uur weergave.
Overigens ben ik nog steeds aan het schaven aan mijn instellingen. In toegevoegde screenshots zie je hoe het er nu bij mij uitziet. Ik ben aan het bekijken hoe ik eventueel staaf-diagrammen kan gebruiken.
Hoe heb je het gedaan met de ip camera’s?
ik gebruik :
buttons.webcam = {width:12, isimage:true, refresh:2000, image: ‘http://ip_url_to_webcam’, url: ‘http://ip_url_to_webcam’}
Maar ik krijg geen live beeld op mijn dashboard. Alvast bedankt!
Sorry voor late antwoord, maar kwam er nu pas achter dat je reactie in de spam-folder stond vanwege de link. Ik heb niet echt een live-beeld, maar wel bijna ;-).
Ik zorg er nl. voor dat elke seconde de foto ververst wordt, zodat je een semi-live beeld hebt. Je moet dan wel ‘forcefresh’ op true zetten. Dat ziet er dan als volgt uit:
buttons.webcam1 = {width:12, isimage:true, forcerefresh:true, refresh:1000, image: 'https://user:password@ip-address:port/ec2/cameraThumbnail?cameraId=1', url: 'https://user:password@ip-address:port/ec2/cameraThumbnail?cameraId=1'}Hoi Henri, Ik zie dat je webcam mooi getoond word in op je pagina.
Momenteel werkt het bij mij alleen op mijn ipad. Op mijn windows 8 tablet ( die aan de muur van mijn kamer hangt) en op de PC;s opent dashticz de stream niet.
Pak ik de link naar de camera, dan moet ik als nog mijn wachtwoord invullen. ondanks mijn stream http://login:wachtwoord@ip/camerurlnaarfotoofstream bevat.
Groeten uit Breda
Ik gebruik Nx Witness om snapshots te maken van mijn webcams. Zie ook mijn blog waarin ik heb beschreven hoe ik dit doe. Met een refresh rate van 1 seconde in Dashticz lijkt het net of je zelfs een videostream ziet. Heb je Nx Witness al geprobeerd Marvin?
Ikzelf gebruik gewoon de direct URL naar de stream van domoticz. Maar helaas werkt dat dus niet. vanwege het username / wachtwoord voor de @ip.etc De camera wordt wel gezien Ik zie dat jouw browser wel om kan gaan met deze vorm van verificatie.
Ik stel voor dat je eens met Nx Witness probeert. Als je alleen het bekijken van beelden gebruikt dan is deze helemaal gratis. Tevens kun je dan snapshots maken met je IP Camera via de API van Nx Witness.
Het lukt mij niet om een Sonos Play vanuit dasticz ‘aan’ te zetten. In Domotics werkt de schakelaar ‘SONOS-STATUS’ prima. In Dashticz reageert de knop nergens op. De overige sonos-knoppen (volume, control, radio) reageren wel. Wat zie ik over het hoofd?
Super mooi artikel en gaaf om te zien hoe middels Dashticz een lay-out hebt gemaakt.
Momenteel ben ik ook aan het stoeien met de kolom breedte…
Ik durf het bijna niet te vragen maar Is het misschien mogelijk dat ik ook de gestripte CONFIG.js en custom.css kan krijgen?
Hopelijk krijg ik dan meer inzicht hoe ik de lay-out kan aanpassen en opbouwen.
Alvast bedankt!
Ik heb je een prive email gestuurd.
Hallo Henri,
Geïnspireerd door jouw WAF geschikte opzet, wil ik toch weer een nieuwe poging wagen met Dashticz. Zou je mij ook de gestripte config.js en custom.css willen geven?
Alvast bedankt!
Ik heb je een prive email gestuurd.
Heel erg bedankt! Super dat je andere mensen, die net met Dashticz en Domoticz beginnen, wilt helpen 🙂 Ik ga er vanavond direct mee aan de slag!
Mooie website met veel waardevolle informatie.
Ik sta nog maar aan het begin, vandaar een ‘domme’ vraag.
Kan ik de commando’s uitvoeren als ik via een netwerk verbinding maak met de RPI?
Ik weet niet of ik je vraag helemaal goed begrijp Peter. Dashticz is een grafische frontend voor Domoticz. Je zult dus eerst Domoticz geinstalleerd moeten hebben. Vervolgens zal Dashticz via het netwerk verbinding maken met je Domoticz en de status weergeven van diverse zaken die je hebt ingesteld in Domoticz. Verder kun je ook schakelaars bedienen via Dashticz (die dat dan weer doorstuurt naar Domoticz).
Gisteravond verder verdiept in de materie. Putty en Winscp ontdekt. De commando’s dus kunnen uitvoeren. nu de finetuning nog. Maar dat hoort bij de hobby.
Mooi Peter, Veel succes en plezier met de hobby 😉
ik heb ook dmv jouw blog Dashticz gevonden en heb hem zojuist draaien op mijn Synology.
Ik moet alles nog uit vinden maar zou ook graag jou config file en custom css willen hebben.
Alvast bedankt weer.
Ik heb je een prive email gestuurd.
Ik ben ook bezig met dashticz aan het fine tunen, maar zou graag jouw files willen ontvangen. Alvast super bedankt
Ik heb je een prive email gestuurd.
Ik heb de files ontvangen. Bedankt voor de snelle reactie en de tijd/energie die je erin hebt gestoken.
Beste Henri, mooi artikel. Al uren lang probeer ik de opmaak te krijgen zoals je hem hebt gemaakt, maar kom er niet uit. Zou je mij de files willen sturen? alvast bedankt.
Ik heb je een prive email gestuurd.
Hi Henri,
Ik heb met veel interesse je Blog gelezen over Domoticz. Ik ben zelf kortgeleden begonnen met het toepassen van Dashticz. Ik durf het bijna niet te vragen… Maar zou ik ook jouw config file mogen ontvangen ter lering en inspiratie?
Groet, Marc
Ik heb je een prive email gestuurd.
Dank je wel, Henri. Ontvangen.
Super artikel, ik zie dat ik niet de enige ben die je config.js. en custom.css wil ontvangen. 🙂
Zou je me deze kunnen sturen?
Ik heb je een prive email gestuurd.
Bedankt!!
Sorry voor de zoveelste reactie met de zelfde vraag, maar zou ik ook de config.js en custom.css file mogen ontvangen?
Het lezen van je artikel heeft me weer geactiveerd om dashticz op te pakken en er een werkend systeem voor hier thuis van te maken.
Ik heb je een prive email gestuurd.
Bedankt! met een voorbeeld ontdekt het toch allemaal een stuk makkelijker 🙂
Hoi Henri, Ziet er goed uit je Dashticz schermen. Zou ik ook de gestripte CONFIG.js en custom.css mogen ontvangen? ik ben zelf al bezig geweest om mijn ipcams erin te krijgen maar dat gaat nog niet helemaal zoals ik wil.
Ik heb je een prive email gestuurd.
Tja, en omdat je toch zo bezig bent om je config en css te delen. Ik zou ze ook graag ontvangen. Zit al een tijdje met domoticz en dashticz te stoeien. maar het is altijd leuk om te leren van anderen.
Ik heb je een prive email gestuurd.
Thanks voor de mail. ga hem eens analyseren :). leuke site btw. Weet je of het mogelijk is om van 2 verschillende domoticz installaties gegevens in dashticz te zetten ?
Zover ik weet kun je in Dashticz maar 1 Domoticz installatie gebruiken. Je kunt natuurlijk wel meerdere Dashticz installaties gebruiken die elk op een andere poort luisteren.
Hoi Henri Ik sluit me aan bij deze vraag , is het mogelijk dat je mij ook even kan mailen ?
Ik heb je een prive email gestuurd.
Hoi Henri, Hier nog een die graag de config.js. en custom.css zou willen ontvangen. Ziet er echt super uit. mooiste die ik tot nu toe heb gezien.
Ik sluit me hierbij aan! Ik probeer de code te snappen op https://dashticz.readthedocs.io en vind dat best lastig. Noem me een “Script Kiddy” maar ik kan wel een voorbeeld gebruiken. Geanonimiseerd uiteraard!
Als je in de gelegenheid bent om jouw config.js met mij/ons te delen dan wordt dat zeer gewaardeerd!!
Greetz,
Jan
Ik heb je een prive email gestuurd.
Beste Henri, je Dashticz ziet er erg mooi uit. zou je jouw CONFIG.js en custom.css met mij willen delen ?
bij voorbaat hartelijk dank !
groeten Rob
Beste Henri, Ik vind het interessant om je blog te volgen. Misschien wel een vervelende vraag. Ook ik ben begonnen met Dashticz, nadat ik al een heleboel sensoren en lampen etc heb toegevoegd aan domoticz. Het configureren van Dashticz is ook voor mij toch nog wel aardig moeilijk. Misschien zou ik ook gebruik mogen maken van je gestripte CONFIG.js en custom.css file.
Groet, Rudi
Ik heb je een prive email gestuurd Rudi.
Ik heb je een prive email gestuurd Rob.
Hoi Henry, ziet er super mooi uit en ikzelf ben sedert een paar weken ook aan t oefenen hiermee. Alle hulp is welkom, en daarom het verzoek of je mij ook jou config js file kunt mailen. Bedankt
Onderaan het artikel heb ik al een link staan waar je deze kunt downloaden. Ik maak nu overigens gebruik van Dashticz V3. Zie ook mijn ander blog topic met informatie over Dashticz V3. Ik heb zowel mijn V2 als V3 Dashticz bestanden beschikbaar gemaakt onder elk blog artikel.
Dag Henri, jij hebt features die ik graag wil toepassen als ze doen wat ik denk.
Zoals de kolom switch denk ik dat je die apparaten kan bedienen (on/off) klopt dat?
Zo ja hoe heb je dat gedaan? zoals de Horizon box en modem van Ziggo?
Je kunt in de kolom switch inderdaad apparaten aan en uit zetten. Hier heb ik niks extra voor moeten doen. Dit zijn switches in Domoticz en worden als zodanig ook overgenomen door Dashticz. Ik heb verder geen Horizon Box.
WoW, echt top wat je hebt gedaan, ik ben al een tijdje aan het “proberen” iets leuks ervan te maken.Maar verder dan een mooie achtergrond 🙂 ben ik nog niet echt verder gekomen, ik probeer dan ook weer dingen over te zetten naar belgie zoals file nieuws maar dat lukte ooit wel maar nu na update krijg ik het niet voor elkaar. Net als de camera feeds die jij hebt, “SUPER”
Zelf ben ik net begonnen met spelen met een Raspberry Pi camera maar die feed krijg ik niet op de Dashticz om een of andere reden. Hue lampen ziet hij ook nog niet als RGB maar wel dimbaar dus dat is al halverwege 🙂 De kolommen en de regel van 12 heb ik wel redelijk door en dan schiet het al een stuk op.
mocht je willen dan graag een stukje van je config en css, de gewone settings en zo heb ik allemaal. Maar dan meer de layout (met name de camera(s)
Alvast bedankt,
Echt super mooie pagina heb je ervan gemaakt 🙂
(nog aan het wachten op een ESP8266 wifi boardje voor met een LDR de lampen bij slecht weer ook aan te laten gaan, waarschijnlijk ff flashen met Tasmota 🙂 )
Je files al gevonden 🙂
Sorry veel maar kennelijk niet alles gelezen
Geweldig voorbeeld. Zelf kreeg ik de v3 niet aan de praat en ben maar eens begonnen met dashticz_v2. Met jou voorbeeld snap ik het een stuk beter. Keep up the good work!
Bedankt Rik. Ik heb trouwens apart topic over Dashticz V3, kijk maar eens.
Heb ik bekeken en was ik ook mee gestart echter naar een paar mispogingen v2 gestart wat wel werkt. Denk dat ik de v3 nu ook wel op gang kan krijgen. Maar eerst maar eens stoeien met de config file. Die kan je gewoon meenemen dus verspil daar geen tijd mee. Waar ik nog wel een benieuwd naar was hoe je je rpi monitort. Via domoticz? En de weersvoorspelling? Moet zeggen met je config file heb ik een goeie start gemaakt om het door te krijgen.
Ps je BBQ topic is ook aan te raden 😊
Ik monitor de RPI via Domoticz, Dashticz en Grafana (zie andere topics op mijn blog).
ik heb een vraag over Dashticz, spotify in combinatie met Sonos. In dashticz werkt de spotify integratie goed, maar ik wil kunnen afspelen op mijn sonos apparatuur.
welke denkfout maak ik? Ik kan nu wel afspelen (via dashticz) op mijn laptop en mobiel. Dit wil ik ook kunnen op de sonos apparatuur.
Weet jij raad?
Ik gebruik geen Spotify en heb geen Sonos en derhalve hiermee geen ervaringen. Wellicht dat een van de lezers van mijn blog je kan helpen en hierop kan reageren. Houd het commentaar dus in de gaten.
Ik gebruik dashticz via mijn browser op mijn ipad maar kan de niewssites nu.nl en nos.nl niet goed zien, ik krijg constant de melding dat ik de cookies moet accepteren, dat doe ik maar de message blijft terugkomen, het vreemde is dat op mijn PC alles goed werkt, het jij ervaringen met dit probleem, ik kan nergens vinden hoe ik dit moet oplossen.
Ik heb geen ervaring met dit probleem, maar dit lijkt mij een configuratie issue van je internet browser (Safari?) die je gebruikt op je iPad. Heb je dat al gecheckt? Het heefts niet met Dashticz zelf te maken. Heb je verder nog met andere internet browsers (Chrome, Firefox) geprobeerd op je iPad?
Hallo Sergio,
ik heb op mijn android telefoon hetzelfde als ik de popup van buienradar open. elke paar seconde laat hij dan een cookie verzoek naar voren komen,die ondanks dat ik hem accepteer maar terug blijft komen. (browser Chrome)
op de laptop werkt het wel naar behoren
Ook ik heb je config overgenomen en helemaal verbouwd naar mijn eigen omgeving. Helaas is nu na een aantal weken Mijn afvalwijzer zonder aanleiding ermee gestopt en geeft alleen nog maar aan Laden… Heb hun site gechecked met mijn postcode 4731MN en huisnummer 22 en werkt gewoon. Heb jij of andere mensen die dit volgen hier ook last van en dan met name in onze postcode regio?
Schijnbaar is er iets op de site van mijnafvalwijzer veranderd. Zie ook de volgende link met meer informatie. Zover ik kan zien wordt dat in de volgende update van Dashticz_v3 opgelost.
Hoi Henry,
Bedankt voor je snelle reactie. Weet je ook wanneer de volgende update uit komt?
Heb de garbage.js al een update gegeven vanaf de beta versie. Hiermee is het probleem opgelost.
https://github.com/Dashticz/dashticz/blob/beta/js/garbage.js
Ik ben helemaal nieuw in Domoticz. Ben mij een beetje aan het oriënteren…
Werk wel al een paar jaar met openHab.
Ik ben deze week gestart met het opzetten van Dasthicz aan de hand van jou opmaak en Dasthicz handleiding. Ik wil graag de tekst groote en formaat van de status knoppen aanpassen alleen krijg ik die niet voor elkaar.
Weet een van jullie of dit toevallig mogelijk is?
Alvast bedankt!
Ik heb even gezocht voor je. Probeer eens de ‘font-size’ aan te passen met de volgende aanpassingen in de ‘dashticz_v3/custom/custom.css’ file:
/* Change properties of buttons */ .btn { background-color: #aaa9a9; color: black; border: 1px solid black; font-size: 15px !important; }Bedankt voor je snelle reactie, dit werkt inderdaad.
Dit werkt ook voor de waarde van de sensoren:
/* Change size of values */ .value { font-size: 12px !important; }Weet jij toevallig ook hoe je de knoppen van de thermostaat kunt aanpassen?
Ik zou de knoppen graag ook met afgeronde hoeken willen en dat ze dichter op de “titel” staan.
Je zou hier eens kunnen kijken voor custom styling met CSS.
Hoe kan ik in Dashticz aangeven wat de sterkte is mijn hue lampen. Dus achter de naam van de lamp het percentage van de lamp
Mooie opzet!
Ik gebruik nu ook grotendeels je config file. Werkt een stuk makkelijker met een goed voorbeeld. Ook de button van de ip camera werkt perfect alleen het popup scherm wat er dan komt met de camera beelden heeft een witte achtergrond. Heb jij dit ook? En hoe zou ik dit aan kunnen passen?
In de CSS file krijg ik het maar niet voor elkaar. Waarschijnlijk mis ik iets maar zou niet weten wat.
Ik heb ook een witte achtergrond bij pop-up van button van IP-Camera. Aangezien de foto schermvullend is stoort me dit niet. Ik zal van de week eens kijken hoe je dit eventueel verandert en indien ik het gevonden heb laat ik het hier weten.
Ik heb even gezocht. Voeg het volgende toe aan je custom.css file:
.modal-content { background-color: gray; } .modal-body { background-color: gray; }TOP! bedankt werkt perfect
Is het mogelijk om kalender taken in dashticz weer te geven? Nu zijn deze in de kalender niet zichtbaar.
Ik heb geen idee. Misschien dat een van de lezers van dit blog het weet en reageert.