[Neuer VIS-Adpater] Material Design Widgets

[Marco Laser]

@Scrounger ja klappt jetzt optimal

[Scrounger]

@helfi9999
Der Browser wird leider von Material nicht unterstützt:

https://github.com/material-components/material-components-web/blob/master/docs/supported-browsers.md

[helfi9999]

@Scrounger schade würde gerne deine Widgets benutzen geht aber nicht da Fully Kiosk Browser nicht unterstützt wird

[dos1973]

Ach Schade, hatte mir den Post schon angepinnt...
aber ohne Fully Unterstützung Schade.

[helfi9999]

@dos1973 Ich hoffe das er noch was macht diesbezüglich

[Marco Laser]

Also bei mir funktioniert es auch im Fully, ist ja auch kein eigener Browser sondern greift auf irgendeinen anderen zurück soweit ich weiß

[Meistertr]

Der fully Browser greift auf Chrome zurück soweit ich weiß

[helfi9999]

@Meistertr kriege es nicht angezeigt obwohl ich 2 versch. Widgets eingebaut habe

[sigi234]

@helfi9999 sagte in [Neuer VIS-Adpater] Material Design Widgets:

@Meistertr kriege es nicht angezeigt obwohl ich 2 versch. Widgets eingebaut habe

Screenshot bitte.

[Scrounger]

@helfi9999 sagte in [Neuer VIS-Adpater] Material Design Widgets:

@dos1973 Ich hoffe das er noch was macht diesbezüglich

Sorry Leute, dass kann ich leider nicht.
Wie oben geschrieben nutze ich die Google material components web Bibliothek.
Die geben vor welche Browser unterstützt werden -> https://github.com/material-components/material-components-web/blob/master/docs/supported-browsers.md

Ihr könnt aber versuchen dort ein Issue zu erstellen.

[Home4.0]

Hallo @Scrounger ,

bis jetzt klappt alles bestens. (auch mit Fully)

Vielen Dank für die tollen Widgets....

Gruß

[helfi9999]

@Home4-0 welche Einstellung hast du beim Fully gemacht

[Home4.0]

@helfi9999 Ich habe nichts an den Einstellungen geändert.

(Android 6 und 7 mit Fully 1.35.2)

Gruß

[dos1973]

bei mir läuft er auch im Fully.
hat echt Potenzial, sieht sehr "schick" aus. Ich konnte alle auch die Slider reinziehen, konfigurieren und funktionieren auch. HUE->level

die Top Bar funktioniert zwar noch nicht, aber diese Menüführung wäre Klasse!

[Scrounger]

Hab die Top App Bar mit Navigationsleiste implementiert, auf basis des "view in widget 8" widget vom vis Adapter.

folgende wichtigen Infos dazu, weil die nur so funtkioniert:

• Position ist fix (hardcoded), d.h. die App Bar ist immer in der oberen linken Ecke. Man kann nur Höhe und Breite einstellen. Deshalb heißt sie ja auch Top App Bar
• Im Editor werden Effekte, wie scrollen, etc. nicht korrekt dargestellt.
• Checkbox 'persitent' (Dauernd) muss aktiviert sein.

Es gibt drei layouts:

1. modal:
   

2. dismissible:
   

3. permanent:
   

Falls noch weitere konfigurations optionen gewünscht werden, dann bitte hier posten oder ein issue bei github aufmachen.

Viel Spaß beim testen

[sigi234]

@dos1973 sagte in [Neuer VIS-Adpater] Material Design Widgets:

die Top Bar funktioniert zwar noch nicht, aber diese Menüführung wäre Klasse!

Wo ist die Top Bar? Ist das ein eigenes Widget?

[Scrounger]

@sigi234
Ja ist ein eigenes Widget.

[sigi234]

@Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

Falls noch weitere konfigurations optionen gewünscht werden, dann bitte hier posten oder ein issue bei github aufmachen.

Einer der Besten Adapter!

Wünsche:

• Navigationsleiste Trennlinien Farbe einstellbar

• Bei allen Farben transparent auswählbar

• Schriftart einstellbar

Danke vorerst.

[Glasfaser]

@Scrounger sagte in [Neuer VIS-Adpater] Material Design Widgets:

@sigi234
Ja ist ein eigenes Widget.

Bei mir sieht es so aus , das Widget " Top Bar " ist kaum zu erkennen ( Version 0.0.6 )
Ist das richtig so !?

( bei jedem Browser )

[Scrounger]

@sigi234

• Navigationsleiste Trennlinien Farbe einstellbar

Sachdienlicher Hinweise Mach ich rein

• Bei allen Farben transparent auswählbar

Geht schon, musst einfach 'transparent' im color feld schreiben oder 'rgba(0, 0, 0, 0.37)' dort reinschreiben

• Schriftart einstellbar

Geht auch schon, siehe "Listenelemente Schriftgröße"

Alternativ kann man mit html tags für jedes Listenelement eine eigen schriftgröße, Frabe, Fett, kursiv etc. definieren, Beispiel: '<font size="13"><i>Hallo</></font>'