Material Design Widgets: Masonry Views Widget

[Machinima]

Auf meinem Android Smartphone (Browser: Firefox 68.4.2) werden die Handy-Einstellungen bezüglich der Anzahl der Spalten aus irgendeinem Grund nicht richtig angezogen. Statt einer Spalte (wie im VIS Editor konfiguriert) werden auf meinem Smartphone 2 draus gemacht. Irgendeine Idee, woran das liegen kann?

Folgendes ist eingestellt:

Und das Ergebnis sieht wie folgt aus:

[Scrounger]

@Machinima
Liegt an der Auflösung.
Mach den Aufflösungsassitenten an, runtime starten, Auflösung ablesen und bei Hochformat: Breite: eintragen.

[Machinima]

@Scrounger
Besten Dank, klappt einwandfrei!

[jerzimeik]

Hallo,

soll das View nicht automatisch scrollen?

Bei mir schneidet er unten einfach alles was nicht passt, ab ?!?

[Scrounger]

@jerzimeik sagte in Material Design Widgets: Masonry Views Widget:

soll das View nicht automatisch scrollen?
Bei mir schneidet er unten einfach alles was nicht passt, ab ?!?

Musst overflow-y aktivieren:

[BobBruni]

Seit dem Update auf Version 0.2.57 funktionieren bei mir die Sichbarkeitseinstellungen nicht mehr... Cards werden entsprechend nicht mehr ein- bzw. ausgeblendet!?
Getestet mit Edge und Chrome.

###Erledigt! Mit Version 0.2.59 läuft alles!!!

[brain]

@Scrounger Ich glaube nicht, dass das ein Bug ist, der zu einem speziellen Widget gehört. Deswegen poste ich hier.
Die Anzeige der einzelnen Views wird bei mir auf dem Handy abgeschnitten:

Hat jemand eine Idee an was das liegt und vielleicht einen Lösungsvorschlag? Ich habe das "view in widget 8" widget im Verdacht, bin mir aber nicht sicher. Scrollen durch die komplette Ansicht funktioniert bei mir nur im View zum Adapterstatus: https://forum.iobroker.net/topic/30662/material-design-widgets-skript-status

[Scrounger]

@brain
Was ist genau das Problem, abgeschnitten oder das du nicht scollen kannst.
Ich schätze du nutzt das Masnory Widget im view in widget 8?
Falls ja musst du beim Masnory Widget overflow-y auf auto stellen, dann geht das scrollen. Schau dir das Online Beispiel an, das ist der Fall genau so umgesetzt.

[brain]

@Scrounger Vielen Dank. Genau das wars!

[Mottimuc]

Hallo @Scrounger,

vielleicht mal was für die nächste Version zum überlegen. Wenn man die Views aufgebaut hat und später einem einfällt, dass man die Sortierung anders haben möchte, muss man entweder im Code rumfriemeln oder im VIS-Edit jede Menge klicks durchführen (wenn ich richtig annehme...).

Wäre es ggf möglich nen Index je View einzubauen, der die Position angibt? Den könnte man bequem im Nachgang anpassen?

[Scrounger]

@Mottimuc sagte in Material Design Widgets: Masonry Views Widget:

Hallo @Scrounger,

vielleicht mal was für die nächste Version zum überlegen. Wenn man die Views aufgebaut hat und später einem einfällt, dass man die Sortierung anders haben möchte, muss man entweder im Code rumfriemeln oder im VIS-Edit jede Menge klicks durchführen (wenn ich richtig annehme...).

Wäre es ggf möglich nen Index je View einzubauen, der die Position angibt? Den könnte man bequem im Nachgang anpassen?

Die Idee hatte ich auch schon und bin bereits am grübeln wie man das Umsetzen könnte.
Schreib doch bitte mal ein Issue auf git, damit ich es nicht vergesse.

[Scrounger]

@Mottimuc sagte in Material Design Widgets: Masonry Views Widget:

Wäre es ggf möglich nen Index je View einzubauen, der die Position angibt? Den könnte man bequem im Nachgang anpassen?

Hab ich eingebaut, wenn du testen willst aktuellen master von git ziehen, oder warten bis zur nächsten latest version

[Oli]

@Scrounger

wie kann ich verhindern, dass beim zusammenschieben der Vis, sich einzelne Komponenten überschneiden?

Kann ich im Masonry Views Widget eine Mindestbreite pro Spalte hinterlegen?

[Scrounger]

@Oli
musst bei allen Komponenten mit relativer breite arbeiten

[Oli]

@Scrounger

danke für die schnelle Antwort, sind das feste Prozentzahlen, oder muss ich mir das berechnen?

[Scrounger]

@Oli
Das kann man nicht pauschal beantworten. Je nachdem was du haben willst.

Verwendest du nur prozent, dann wächst das Element natürlich um so breiter der screen wird.
Mit calc kannst du z.B. das Element gleich groß lassen, aber die position abhängig von der breite des screens machen. usw...

Einfach mal damit rumspielen, dann bekommst den dreh mit der Zeit raus.
Zusätzlich kannst dir auch das Online Beispiel anschauen, da hab ich das bei einiggen Beispielen so umgsetzt

[Oli]

@Scrounger

ich wollte mir gerade dein Online Beispiel ansehen, leider wird es nicht aufgerufen.

[Fatmax]

Bin gerade dabei meine VIS mit Material Design Widgets neu zu gestalten.
Bis jetzt funktioniert es einwandfrei, Danke dafür an @Scrounger für die Arbeit.

Ich habe nun mit den Masonry-Views herumprobiert, bekomme es aber nicht hin, dass auf meinem Samsung Galaxy Tab 10.1 der View korekt angezeigt wird.
Das Tablet hat eine Auflösung von 1280 x 800 px und der View wird mit Fully Kiosk-Browser im Querformat dargestellt.

Hier die Ansicht am Desktop PC unter Google Chrome -> dies Größe des gesamten Views im Google Chrome ist 1280px, der Rest des Fensters im Google Chome ist frei:

-> Die Anzeige schaut so aus wie sie soll.

Hier die Ansicht am Tablet im Fully Kiosk Browser:

-> die einzelnen Views werden untereinander dargestellt, was nicht gewünscht ist.

Hier die VIS-Einstellungen:

Was kann es hier haben?
Ich finde den Fehler nicht.

[Scrounger]

@Fatmax
Width und height unter allgemein muss einen relativen Wert haben und keinen absoluten.
Nimm hier bei beiden 100% dann wird auf dem destop und tablet die volle breite verwendet und ist responsiv

Schau dir am besten dazu das online Beispiel an:
https://github.com/Scrounger/ioBroker.vis-materialdesign#online-example-project

[Fatmax]

Hat leider auch nicht funktioniert.
Habe auch die Einstellungen aus dem Beispiel 1:1 übernommen, ebenfalls der selbe Fehler.
Keine Ahnung woran es liegt.

Ich mache jetzt das Design nur mit "View in Widget" für das Tablet.
Ein responsive Design für das Mobiltelefon brauche ich nicht.