Test Adapter Material Design Widgets v0.2.x

[Scrounger]

Ich habe jetzt für hoffentlich alle Widgets eigene Themen im Bereich Visualisierung erstellt:
Material Design Widgets Themen

Ich bitte Euch zukünftig alle Fragen bzgl. Einstellungen, Verständnis, Skripte, etc. im entsprechenden Thema des zugehörigen Widgets zu posten!

Hintergrund ist, dass ich den Testing Thread entlasten möchte und nur noch für Fragen zur Fehlerbehebung, Testen neuer Widgets (Widgets mit Beta Label) und Funktionen verwenden möchte.

Denke das wird allen helfen, schneller Fragestellungen zu beantworten.
Bedeutet aber auch, dass alle etwas mehr Disziplin haben müssen

In der kommenden Version (latest) könnt ihr dann auch direkt aus dem VIS Editor per link zu dem entsprechenden Thema des Widgtes hier im Forum springen, sofern Eure Sprache auf Deutsch eingestellt ist:

[intruder7]

@Scrounger
Hallo, die Idee mit der bedingten Sichtbarkeit im Mansory View finde ich gut nur bekomme ich sie bei mir nicht zum laufen. Hab als Beispiel ein Projekt angehangen.
Was möchte ich erreichen....
Ich habe eine Spalte und 2 Views. Im Querformat lasse ich die Views mit einer Breite von 20% und 79% anzeigen damit sie nebeneinander angezeigt werden. Im Hochformat sollen die beiden Views ausgeblendet und zwei andere( eigentlich die selben) nur mit 100% angezeigt werden Damit sie untereinander erscheinen. Ich bekomme dies einfach nicht hin. Bei den entwicklertools werden die Container auch angezeigt nur ohne Inhalt. dort hat er auch einen Fehler in der Console

Spoiler

jquery-1.11.2.min.js:3 GET http://192.168.100.85:8082/vis/undefined 404 (Not Found)
Jb @ jquery-1.11.2.min.js:3
css @ jquery-1.11.2.min.js:3
U @ jquery-1.11.2.min.js:3
Vb @ jquery-1.11.2.min.js:3
show @ jquery-1.11.2.min.js:3
m.fn.<computed> @ jquery-1.11.2.min.js:4
(anonymous) @ jquery-ui-1.11.4.full.min.js:13
(anonymous) @ vis.js:921
renderViews @ vis.js:754
(anonymous) @ vis.js:760
(anonymous) @ vis.js:943
setTimeout (async)
(anonymous) @ vis.js:941
subscribeStates @ vis.js:2714
renderView @ vis.js:797
renderViews @ vis.js:759
(anonymous) @ vis.js:760
(anonymous) @ vis.js:943
setTimeout (async)
(anonymous) @ vis.js:941
subscribeStates @ vis.js:2714
renderView @ vis.js:797
renderViews @ vis.js:759
(anonymous) @ vis.js:760
(anonymous) @ vis.js:943
setTimeout (async)
(anonymous) @ vis.js:941
(anonymous) @ vis.js:2738
(anonymous) @ conn.js:730
n.onack @ universalModuleDefinition:3
n.onpacket @ universalModuleDefinition:3
(anonymous) @ universalModuleDefinition:3
n.emit @ universalModuleDefinition:2
n.ondecoded @ universalModuleDefinition:1
(anonymous) @ universalModuleDefinition:3
r.emit @ universalModuleDefinition:1
s.add @ universalModuleDefinition:1
n.ondata @ universalModuleDefinition:1
(anonymous) @ universalModuleDefinition:3
n.emit @ universalModuleDefinition:2
n.onPacket @ universalModuleDefinition:2
(anonymous) @ universalModuleDefinition:2
n.emit @ universalModuleDefinition:2
n.onPacket @ universalModuleDefinition:2
n.onData @ universalModuleDefinition:2
ws.onmessage @ universalModuleDefinition:3

Probiert habe ich es mit Tab A (1280x800) sowie am Rechner und Handy

2020-02-03-test2.zip

[Scrounger]

@intruder7
Ah das könnte vielleicht daran liegen, weil ich nur > < verwendet habe und nicht >= <=.

Also wenn z.b. deine Tablet Landscape Auflösung 1000px ist, dann musst 999 bzw. 1001 als Bedingung eingeben.
Test Mal ob es damit funktioniert.

[intruder7]

@Scrounger hab ich auch schon probiert

[webseb79]

Hallo
ich habe gerade den Adapter installiert über Github Link https://github.com/Scrounger/iobroker.vis-materialdesign
Installation ist durch gelaufen und er zeigt V0.2.50 an.
In Vis sehe ich links auch die einzelnen Widgets aber nicht wie gewohnt.
Ziehe ich eins in meine Seite zum bearbeiten ist auch nichts zu sehen
Upload nach der Installation ist auch gemacht wurden.
Kann jemand sagen was falsch ist ?

Sebastian

[Scrounger]

@intruder7

Geht nicht weil du die views zweimal verwendest, ist ne Beschränkung vom view in widget.
Und weil du natürlich für Handy und Tablet Auflösung die Anzahl der Spalten auch auf 1 setzen musst, hier ist standardmäßig 2 und 3 eingestellt!
Deshalb hab ich den Auflösung Assitenten eingebaut, da sieht man sowas genau

[intruder7]

@Scrounger
Okay da wird es dann an der Beschränkung vom view in widget liegen.
Nur die Logic bei den Spalten erschliesst sich mir nicht. Logisch wäre, wenn ich oben die Anzahl der Spalten auf eins setze gilt es für alles (Handy ,Tablet..) solange ich unten was anderes angebe.

Edit: Mit jeweils einer Copy der Views funktioniert es. Macht das Projekt und die zu ladende Datenmenge nur unnötig größer

[Scrounger]

@intruder7
Oben wird die Anzahl für Desktop Auflösung eingeben.
Für Handy & Tablet sind default Werte hinterlegt die bei einem Großteil der heutigen Handy / Tablets passt und vorallem für mich passt
Damit man die Logik versteht, hab ich ja extra den Auflösungsassitenten eingebaut, steht auch so in der Doku.
Weil im Editor sieht man auch nicht die korrekte Auflösung zur Runtime weil die Frames von den Einstellungen und Widgetauswahl abgezogen werden.

[intruder7]

@Scrounger

[intruder7]

@Scrounger Noch eine Frage....
ist es möglich im Masonry View Widget für die Viewbreite auch eine Berechnung einzugeben?
z.B. calc(50% - 12px)
aktuell geht es nicht.

[Scrounger]

@intruder7
habs eingebaut.

@sigi234 sagte in Test Adapter Material Design Widgets v0.2.x:

@Scrounger

Hallo, die Rahmenfarbe wird bei mir nur Horizontal gesetzt . Ich habe keine Vertikale. (nur in Monatsansicht)

Ist auch behoben.

[skokarl]

Wo ist das Kalenderwidget ?
Ich seh das nicht im Editor .....

Wie sieht das aus ?

[intruder7]

@Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

@intruder7
habs eingebaut.

geht nicht

bei width Angaben mit Berechnung wird es nicht übernommen

bei Angabe von z.B. nur 80% wird es übernommen.

[intruder7]

@Scrounger
Geht doch jetzt. Das ist aber auch doof. Mal reicht ein normaler Adapterupdate mit nochmaligem upload. Dann gehts wieder erst nach einem ioBroker Neustart.
Das hatte ich jetzt alles gemacht.
Dann hab ich mir gedacht, gibts mal in der Konsole "ioBroker upload vis" ein. Und danach ging es dann. Die ganze Updategeschichte ist irgendwie noch nicht so wie sie sein soll.

[Scrounger]

@intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

Dann hab ich mir gedacht, gibts mal in der Konsole "ioBroker upload vis" ein. Und danach ging es dann. Die ganze Updategeschichte ist irgendwie noch nicht so wie sie sein soll.

Also ich hab drei systeme (win & ubuntu) und da funktioniert das einwandfrei. Und am Adapter selbst liegt das nicht, da der Update prozess von iob kommt.
Denke eher das was bei deinem System nicht ganz rund ist.

[Stephan Schleich]

Ich hätte eine Frage bezüglich Submenüs, wie geb ich dem Submenü mit welche View er pro Subitem anzeigen soll?

[intruder7]

@Scrounger : Muss ich mich mal mit auseinander setzen. Sonst läuft ja alles.

Andere Frage... Das Dialog View Widget in der Beta Version.. arbeitest du daran noch weiter? Die Ansätze sind ganz gut bis jetzt und wenn dann Viewwidth und Viewhight auch noch mit z.B. (calc (50% - 10px) also mit Formeln eingestellt werden könnte wäre das echt toll.

[sveni_lee]

Ich bin grad dabei meinen VIS auf Material-Design umzustellen. Ich bin von det Top-App-Bar-Navigation echt begeistert. Nun habe ich grad zwei kleinere "Probleme".

1. Ich nutze das Thema "dark-hive". es ist auch in jedem einzelnen View ausgewählt und wird auch im Editor richtig angezeigt. Allerdinhs ist es in der VIS dann nicht mehr korrekt.
   

2. Ich habe die Anzahl der Navigationselemente auf 12 eingestellt und auch "View in Widget 8" steht auf Wertezahl 12 aber es wird mir angezeigt das der gewählte View nicht existiert.
   

Habe ich noch irgendwo einen Denkfehler? Ich orientiere mich an der Beispiel-VIS unter iobroker.click.

Gruß
Sveni_Lee

[dos1973]

Hast du im widget 8 den Namen für die view11 eingetragen oder aus dem dropdown geöffnet?

[bommel_030]

@sveni_lee
Ich weiß nicht mit welcher Version des Widgets du arbeitest. Trage mal in allen "View für Tab" etwas ein.
Das hat mich in den Wahnsinn getrieben.. Sobald alle befüllt waren hat es bei mir geklappt. Leerzeilen mag es scheinbar nicht.