EDOMI - Zeigt her eure Visus!

[bigfoot]

Super Jungs, genau das hatte mir gefehlt. Danke!
An z. B. CSS hatte ich gar nicht gedacht, hatte immer mit Rahmen, Schatten und Farben gespielt, aber das war nichts.

[oefchen]

Die wirklich netten Designs werden eher in CSS erstellt. Aber keine Angst...auch hier kannst mit copy-paste viel erreichen ohne ein HTML-CSS Webprofi zu sein.
Diese CSS Befehle kannst in ein spezielles Feld " Eigene CSS Eigenschaften" einfügen. Damit ist dann schon das gesamte Design konfiguriert.

Besser hier eine Designvorlage definieren, benennen und immer nur noch ins Uni-Element übernehmen wenn genau dieses Design gewünscht ist.

zB:
Unbenannt1.jpg
Unbenannt2.jpg
Rechts klick auf die Vorlage -> bearbeiten oder neu erstellen
Unbenannt4.jpg
Klick auf individuell

Unbenannt5.jpg

content: "";background: 8E0DFF;box-shadow: inset -1px -1px 2px rgba(107,139,255,0.3),inset -5px -15px 40px rgba(107,139,255,0.1), inset 1px 1px 2px rgba(0,0,0,0.5), inset 5px 15px 40px rgba(0,0,0,0.2), -2px -40px 50px -20px rgba(107,139,255,0.1), 2px 35px 50px -10px rgba(0,0,0,0.4),0px 0px 25px 8px rgba(10,92,255,0.2);

Diesen Code testweise einfügen. Wenn man dann mit den Farben (rgba(107,139,255,0.3) oder Tranzparenzen (die letzte Zahl [0,3]) spielt kann man das Design recht leicht anpassen. Auch Schatten, Breite oder die Ausrichtung wird hier angepasst.
Verändern und Ergebniss testen....oder mal im Netz nach CSS Befehlen suchen. Dann wirst von Infos erschlagen

Beispiel sieht dann so aus
Unbenannt6.jpg
Viel Spass mit Edomi

[DiJai]

Meine Design-Einstellungen dazu sehen folgendermaßen aus: Unbenannt.jpg

[bigfoot]

Danke, kannst Du mir noch einen Tipp geben, was ich bei dem z. B. Unielement bei Rahmen für diese Tiefenoptik konkret einstellen muss?
Ich bekomme immer quasi nur eine Linie als Kontrast hin, aber das hat keine Kacheloptik, sondern eher nur Tabellen Charakter. Ich hoffe man versteht was ich meine. :-(
Ich würde das gerne am Element einstellen, und nicht immer als Hintergrund.

[ChrisAllgaeu]

Ja und ja.... du hast beide ANtworten Dir selbst gegeben. Entweder schaffst Du dir in einem Grafik/Photoprogramnmn einen entsprechenden Hintergrund für die ganze Visu Seite, in der diese Aufteilung schon eingearbeitet ist, oder aber (meine Empfehlung), Du schaffst Dir mit Universalelementen entsprechende "Visu-Kacheln" mit Rahmen/Schatten-Linien. Ich bevorzuge die letztere Variante, weil eben flexibler und auch besser "anklickbar"

[bigfoot]

Servus,

wie bekommt man(n) denn diese Sicken (Trenner zwischen den Themen) mit Edomi Boardmitteln hin, wie bei Timberland seiner Visu z.B.?
Siehe hier: https://knx-user-forum.de/forum/proj...121#post982121
Mit Schatten an Rahmen, damit das eine Tiefe bekommt? Oder geht das nur über einen entsprechenden Hintergrund? Über Farben und Intensität habe ich es bisher nicht geschafft, bin aber auch Dau im Design

Gruß
Jens

[sipiyou]

Von den Stunden her geht es eigentlich, wenn ich alles zusammenzähle komm ich vielleicht auf 5-6 Tage. Ist aufjedenfall der dritte Entwurf. Dadurch, dass aber viele Seiten identisch aufgebaut sind, war das "schwierigste" ein Einheitliches Konzept zu erstellen, was sich für viele Räume umsetzen lässt. Der Rest ist ja dann copy & paste.

Das Orange fand ich erst übel, aber je mehr ich mir das angeschaut hab, desto mehr Gefallen hab ich dadran gefunden.

Den Grundriss hab ich zur Bauzeit mit Sketchup 3D erstellt, muss nach über 10 Jahren eigentlich auch überarbeitet werden.

Die Visu hab ich auf einem 21,5" Allnet und (ich glaube es ist ein 14") Allnet laufen - hatte hierzu mal einen Thread eröffnet. Die Buttons lassen sich gut bedienen.

Mit vereinheitlichen meine ich, dass ich mal Kippschalter, mal Eckige und hier und da auch runde Buttons habe.

Was die Statistiken angeht, so lässt sich z.B. die PV-Visu nicht so mit Bordmitteln darstellen, da gibts schon viele Vorteile bei Highcharts.

[oefchen]

Ganz schön mächtige Visu, sipiyou !!!
Wieviel Stunden hast davor gesessen ?

Der 3D Grunriß is ja mal richtig nett. Vielen, vielen Dank.....da muss ich an meinen auch noch mal ran. Auf welchem Programm ist der entstanden ?
Aber , auf welchem Display nutzt die Visu denn ? Ich missbrauch in der Werkstatt nen 43er TV als Monitor und da ist Deine Visu schon schön eng. Triffst das alles mit dem Finger ?

Buttons vereinhetlichen: Gut und schnell geht das über "Designvorlage". Einmal erstellen und allen entsprechenden Elementen nur noch diese Vorlage zuteilen.
So kannst das auch mal schnell für alle Elemente ändern.
...aber vlt hast das auch schon gefunden

Tzzz...und Zeit fürn Garten hat er neben Edomi und dem Schreiben von supergeilen LBS´en auch noch....Hammer

[Michael85]

Fertig bin ich wahrscheinlich, wenn das Haus irgendwann verkauft wird

Ich persönlich glaube ja eher das - wenn man selbst Edomi macht - nie fertig wird


Finde deine Visu gelungen. Blau-Orange wäre jetzt nicht mein Favorit was die Grundfarbgestaltung betrifft.
Aber es wäre ja auch langweilig wenn wir alle das gleiche wählen würden

die Statistiken müssen alle noch auf Highcharts

da war ich auch schon mal am Überlegen. Allerdings habe ich das aus zeitlichen Gründen noch nicht angefangen.
Und soooo schlecht sind jetzt die SystemDiagramme auch nicht...

[sipiyou]

Moin, Moin.

da ich vor einigen Tagen gefragt wurde, ob ich einige Bilder von meiner Visu hier einstellen kann, poste ich auch jetzt mal meine bisherige Visu.

100% glücklich bin ich noch nicht, die Buttons müssen "irgendwie" vereinheitlicht werden, die Statistiken müssen alle noch auf Highcharts umgestellt (die meisten sind bisher mit Standard-Edomi Graph visualisiert) werden usw.

Fertig bin ich wahrscheinlich, wenn das Haus irgendwann verkauft wird

[jkoller84]

Ich versuche mich auch immer wieder an meiner Visu, bin damit noch lange nicht zufrieden, allerdings habe ich nur wenig Zeit dafür,
da ich im Ausland tätig bin (5 Wochen weg, 1 Woche Zuhause) und auch noch andere Projekte nebenbei gemacht werden müssen
(Kellerbau, Gartenbewässerung mit Bewässerungssteuerung etc.).
Da ich noch keinen VPN Zugang habe (kommt in den nächsten Monaten), kann ich dann auch die freien Wochenenden im Ausland nicht fürs basteln nutzen...

Derzeit ist mal nur die Jalousiesteuerung, der Rasenmäher-Roboter, Waschmaschine, Trockner, Zisterne und die Photovoltaik-Anlage eingebaut.
Ich suche noch schön einfache Zeitschaltuhr-Grafiken (einfach bedienbar) um dann die jeweiligen Bewässerungskreise einzeln steuern zu können.
Zeitschaltuhren mit Wochentag und mehreren Ein-Aus-Zyklen, bzw. 1x aktivieren um 19:00 Uhr dafür dann 5 Minuten ein, 15 Minuten aus, nochmal 5 Minuten ein, wieder 15 Minuten aus, frei definierbar wie oft.

DIe Visu sieht noch sehr zusammengestückelt aus, aber alles mit Pop-Ups, wenn man die Lupe drückt, erscheint das jeweilige Geschoss, in dem man das jeweilige Zimmer auswählen kann welches auch als Popup erscheint.

Die Farbgebung der Jalousiebalken:
Grün = offen
Rot = geschlossen
organge = gekippt/auf Position
gelb = in Bewegung

Trockner, Waschmaschine und Rasenmäher sind animiert wenn aktiv

Die Zisterne wird mittels WLAN-fähigem Zisternensensor von SI-Elektronik abgefragt, gibt Füllhöhe und auch schon berechneten Literinhalt an.
Füllstand in der Zisterne wird dynamisch angezeigt.

Wenn die PV-Anlage umgebaut ist, soll auch Netzeinspeisung, Gesamtverbrauch vom Haus und Batterieladung mit eingeblendet werden.

Ich habe noch eine zweite Visu erstellt, allerdings ist diese sehr abgespeckt, da ich sie nur als Anzeige (ohne Bedienung) für meinen Magic Mirror im EIngangsbereich habe.
Dort sind im wesentlichen dieselben Infos hinterlegt, nur das noch zusätzlich das Kamerabild der Carport-Kamera eingeblendet wird, um zu sehen wer vor der Türe steht, wenn jemand läutet.

[markus1780]

timberland würdest du deine switch grafiken auch mit transparentem Hintergrund zur Verfügung stellen?

[turtle1987]

welche Pixel Größe nutzt du denn da so für die SVG´s?

die sind 100x100 wobei das bei Vektorgrafiken ja egal ist.

[jeff25]

Die Icons sind von icons8 und fontawesome, beides aber lizenzpflichtig.

welche Pixel Größe nutzt du denn da so für die SVG´s?

[vogelsang]