Suche: Eine VIS als Vorlage
-
Hallo,
ich möchte gerne eine ähnliche Vis wie du sie hier hast erstellen. Aufgeräumt und informativ. Kann man die als Vorlage bekommen oder kannst du mir sagen, welche Elemente du verwendet hast?
Bin kompletter Anfänger.
Gruß,
Chris@ChrisBGL
Hallo Chris,ich könnte Dir sicher meine Views zur Verfügung stellen, dass wird dich allerdings nicht wirklich voran bringen. Du musst Dir überlegen was Du wie anzeigen willst und dann schauen mit welchem Widget Du das am besten umsetzen kannst. Dann solltest Dich noch ein wenig mit CSS beschäftigen und schon kann es los gehen.
Wenn Du allerdings konkrete Fragen zu meiner Umsetzung hast, dann beantworte ich die gerne.
-
@Alina said in Suche: Eine VIS als Vorlage:
Und ja, als Mädel will ich es hübsch :)
Das wird jetzt natürlich schwierig, da "hübsch" so relativ ist :innocent:
Ich habe es gerne klar, einfach und übersichtlich. Gelingt nicht immer aber oft. Der obere und untere Bereich (Header / Footer) sind fest und in der Mitte (Content) kann gescrolled werden. Dadurch habe ich ein einheitliches Design und bin vom Inhalt doch flexibel.
Meine VIS ist in erster Linie informativ, da die ganzen Logiken im ioBroker liegen und nach Möglichkeit alles automatisiert geschehen soll. Wenn das nicht möglich ist, dann gibt es ja noch Alexa und die schönen hue Buttons :sunglasses:
Also beschreibe doch mal was für Dich hübsch bedeutet, dann kann man evtl. mehr helfen. Hier mal meine VIS Hauptseite:
@Buchi Mir gefällt deine Vis sehr. Kannst du mir bitte sagen, was du für Widgets genommen hast?
Möchte meine erste eigene Vis machen und brauche noch kreativen Input. Könntest du mir vielleicht sogar die Dateien zhr Verfügung stellen? -
@Buchi Mir gefällt deine Vis sehr. Kannst du mir bitte sagen, was du für Widgets genommen hast?
Möchte meine erste eigene Vis machen und brauche noch kreativen Input. Könntest du mir vielleicht sogar die Dateien zhr Verfügung stellen?@typischAndy sagte in Suche: Eine VIS als Vorlage:
@Buchi Mir gefällt deine Vis sehr. Kannst du mir bitte sagen, was du für Widgets genommen hast?
Das ist alles nichts besonderes. Eine View mit dem "view in widget 8" in dem dann die anderen Views angezeigt werden. Diese bestehen in der Regel aus "basic - Border" für die Kästen und dann "basic - String" für Texte und "basic - Image 8" für die Bilder.
Am besten fängst Du einfach an und baust Dir eine View und wenn Du spezielle Fragen hast, dann raus damit. So lernst Du am meißten :smirk:
-
@typischAndy sagte in Suche: Eine VIS als Vorlage:
@Buchi Mir gefällt deine Vis sehr. Kannst du mir bitte sagen, was du für Widgets genommen hast?
Das ist alles nichts besonderes. Eine View mit dem "view in widget 8" in dem dann die anderen Views angezeigt werden. Diese bestehen in der Regel aus "basic - Border" für die Kästen und dann "basic - String" für Texte und "basic - Image 8" für die Bilder.
Am besten fängst Du einfach an und baust Dir eine View und wenn Du spezielle Fragen hast, dann raus damit. So lernst Du am meißten :smirk:
-
Hallo,
ich frage mal frech ins Forum :)
Kann mir jemand mit einer Vorlage für eine VIS helfen? Ich bräuchte in dem Sinne nur die Rahmen-VIS, also die Grundstruktur mit ein paar Buttons zum Navigieren; Den inneren Bereich baue ich dann nach meinen Wünschen :)Danke
Wenn du das brauchst weil du quasi bei Null anfängst und (noch) keine Ahnung von VIS hast, dann zieh dir dieses Video rein, da wird Navigation und Co gut erklärt.
-
Wenn du das brauchst weil du quasi bei Null anfängst und (noch) keine Ahnung von VIS hast, dann zieh dir dieses Video rein, da wird Navigation und Co gut erklärt.
@amg_666 ...danke für den Tipp, das habe ich die Tage schon geguckt und fands auch einleuchtend....
Da ich in Layout nicht besonders gut bin wäre es mir halt hilfreich gewesen schon mal ein Grundgerüst zu haben, das ich dann nach meinem Bedarf ausbauen könnte. -
Hallo,
ich frage mal frech ins Forum :)
Kann mir jemand mit einer Vorlage für eine VIS helfen? Ich bräuchte in dem Sinne nur die Rahmen-VIS, also die Grundstruktur mit ein paar Buttons zum Navigieren; Den inneren Bereich baue ich dann nach meinen Wünschen :)Danke
-
@Alina said in Suche: Eine VIS als Vorlage:
Und ja, als Mädel will ich es hübsch :)
Das wird jetzt natürlich schwierig, da "hübsch" so relativ ist :innocent:
Ich habe es gerne klar, einfach und übersichtlich. Gelingt nicht immer aber oft. Der obere und untere Bereich (Header / Footer) sind fest und in der Mitte (Content) kann gescrolled werden. Dadurch habe ich ein einheitliches Design und bin vom Inhalt doch flexibel.
Meine VIS ist in erster Linie informativ, da die ganzen Logiken im ioBroker liegen und nach Möglichkeit alles automatisiert geschehen soll. Wenn das nicht möglich ist, dann gibt es ja noch Alexa und die schönen hue Buttons :sunglasses:
Also beschreibe doch mal was für Dich hübsch bedeutet, dann kann man evtl. mehr helfen. Hier mal meine VIS Hauptseite:
-
@Alina said in Suche: Eine VIS als Vorlage:
@Buchi Und das hast du auch im "normalen" vis-editor gemacht?
Ja, da ich auch noch nicht sooo lange bei mir ioBroker nutze ist das alles noch standard Vis bzw. Widgets die über Adapter installiert werden können und dann in Vis zur Verfügung stehen.
Wie gesagt liegt bei mir das Hauptaugenmerk auf Automatisierung. Die Vis dient der Kontrolle und natürlich können auch Lampen geschalten, Jalousien gesteuert werden aber das sollte nur nötig sein wenn die Automatik versagt oder ich mal wieder Mist programmiert habe :grin:hey kannst du dein design teilen????
-
hey kannst du dein design teilen????
@michael_4358 @alexmosel @typischAndy @Drino
Ich habe das Projekt jetzt mal anonymisiert exportiert. Keine Ahnung ob das tatsächlilch hilft. Müsst ihr einfach mal schauen.
2021-04-16-main.zip -
@Alina Ich verwende zur Navigation Buttons:
die ich auf einer eigenen View zusammenstelle und diese dann in die entsprechenden anderen Views einbinde:
-
@chaot Guten Tag, würdest du mir deine Titelseite View auch zur Verfügung stellen ? Damit ich daran "arbeiten" kann ?
-
@Alina
Ja, im Grunde so.
Durch den Trick mit der eingebundenen View kann ich problemlos die Navigationsbuttons austauschen ohne dann alle anderen Views zu bearbeiten.
Die Buttons haben die Besonderheit das sich eigene Bilder einbinden lassen. Dadurch kann man die Gestaltung recht flexibel halten.
Hier mal der Navigationsview als Beispiel wenn du möchtest:
Als View importieren.
@chaot hi, ich habe mal zum testen dein View hier bei mir importiert......leider zeigt er mir nur den Eco dot an...woher bekomme ich die anderen Bildchen? Kannst du die mal bitte hier noch posten udn mir mitteilen wie udn wo ich die importieren muss...bin da noch Anfänger.
Danke und Gruss
-
@Alina Ich verwende zur Navigation Buttons:
die ich auf einer eigenen View zusammenstelle und diese dann in die entsprechenden anderen Views einbinde:
@chaot sagte in Suche: Eine VIS als Vorlage:
@Alina Ich verwende zur Navigation Buttons:
die ich auf einer eigenen View zusammenstelle und diese dann in die entsprechenden anderen Views einbinde:
ich gehe mal schwer davon aus das die Icons auch ein Widget sind oder?
Wenn nicht sag mal wo du die her hast udn wie ich die in VIS bekomme?
Danke Dir
-
@chaot hi, ich habe mal zum testen dein View hier bei mir importiert......leider zeigt er mir nur den Eco dot an...woher bekomme ich die anderen Bildchen? Kannst du die mal bitte hier noch posten udn mir mitteilen wie udn wo ich die importieren muss...bin da noch Anfänger.
Danke und Gruss
@kusselin Importieren machst du über den Dateimanager im VIS Editor. Die legst du dann im Ordner Vis0 ab und dann sollte es eigentlich klappen.
Bilder bekommst du per ChatioBroker auf NUC unter Proxmox; VIS: 12" Touchscreen und 17" Touch; Lichtsteuerung, Thermometer und Sensoren: Tasmota (39); Ambiente Beleuchtung: WLED (9); Heizung: DECT Thermostate (9) an Fritz 6690; EMS-ESP; 1 Echo V2; 3 Echo DOT; 1 Echo Connect; 2 Echo Show 5; Unifi Ap-Ac Lite.
-
@kusselin Importieren machst du über den Dateimanager im VIS Editor. Die legst du dann im Ordner Vis0 ab und dann sollte es eigentlich klappen.
Bilder bekommst du per Chat -
@Alina said in Suche: Eine VIS als Vorlage:
Und ja, als Mädel will ich es hübsch :)
Das wird jetzt natürlich schwierig, da "hübsch" so relativ ist :innocent:
Ich habe es gerne klar, einfach und übersichtlich. Gelingt nicht immer aber oft. Der obere und untere Bereich (Header / Footer) sind fest und in der Mitte (Content) kann gescrolled werden. Dadurch habe ich ein einheitliches Design und bin vom Inhalt doch flexibel.
Meine VIS ist in erster Linie informativ, da die ganzen Logiken im ioBroker liegen und nach Möglichkeit alles automatisiert geschehen soll. Wenn das nicht möglich ist, dann gibt es ja noch Alexa und die schönen hue Buttons :sunglasses:
Also beschreibe doch mal was für Dich hübsch bedeutet, dann kann man evtl. mehr helfen. Hier mal meine VIS Hauptseite:
@buchi Hallo Buchi,
deine VIS Darstellung gefällt mir ziemlich gut.
Leider bin ich hier reiner Anfänger und stehe am Anfang der Entwicklung.
Wäre es möglich, wenn ich dein VIS importieren und dann daran arbeiten kann?
Lieben Dank! -
@buchi Hallo Buchi,
deine VIS Darstellung gefällt mir ziemlich gut.
Leider bin ich hier reiner Anfänger und stehe am Anfang der Entwicklung.
Wäre es möglich, wenn ich dein VIS importieren und dann daran arbeiten kann?
Lieben Dank!@headder9999
Wenn Du meine Antworten weiter oben liest, dann findest Du auch einen Post mit einem Export.Allerdings macht das derzeit noch weniger Sinn als schon vorher, da VIS 2 in den Startlöchern steht. Mein Rat wäre also dass Du Dich damit beschäftigst, auch wenn es noch Alpha bzw. Beta Stadium ist.
-
@headder9999
Wenn Du meine Antworten weiter oben liest, dann findest Du auch einen Post mit einem Export.Allerdings macht das derzeit noch weniger Sinn als schon vorher, da VIS 2 in den Startlöchern steht. Mein Rat wäre also dass Du Dich damit beschäftigst, auch wenn es noch Alpha bzw. Beta Stadium ist.
Support us
564
Online32.7k
Users82.4k
Topics1.3m
Posts