Material Design Widgets: Top App Bar Widget

[Bostil]

@Scrounger Vielen Dank für die erste Hilfe!

Habe es nun bei mir ebenfalls anhand des Beispiels als globale CSS definiert:

.materialdesign-widget *| {
font-family: Akrobat !important
}

Dennoch erscheint die Navigationsleiste noch nicht im gewünschten Font. Dieser liegt natürlich in der VIS und wird generell schon als Schriftart verwendet. Muss man im Widget selber noch eine CSS-Klasse definieren ?

Danke euch.

[etv]

Hallo Scrounger,

wie kann ich die Schriftgröße im Title ändern? Es lassen sich zwar die Menüpunkte vergrößern aber der Titel nicht.....

Liebe Grüße
Tom

[Bostil]

@etv Habe auch noch dasselbe Problem...

[Kuddel]

Thema: Icons von Subitems

Laut Doku soll man die Icons der Subitems wie folgt eintragen:

Wenn ich das richtig verstehe, funktioniert das aber nur bei dem Widget

Wie aber stelle ich die Subitems bei dem neuere Widget ein:

Ich habe es wie folgt versucht:

{"itemImage": "/icons-mfd-png/edit_settings.png", "subItems": ["/vis.0/VIS_v3/Meine_Icons/Sonstige/iobroker.png", "/vis.0/VIS_v3/Meine_Icons/Sonstige/iobroker.png","/vis.0/VIS_v3/Meine_Icons/Sonstige/iobroker.png","/vis.0/VIS_v3/Meine_Icons/Sonstige/iobroker.png,"/vis.0/VIS_v3/Meine_Icons/Sonstige/iobroker.png","/vis.0/VIS_v3/Meine_Icons/Sonstige/iobroker.png"]}

Ergebnis:

[Glasfaser]

@Kuddel

Kann gerade nicht Testen . du hast ein " vergessen

habe es eingefügt ... ob es daran liegt !?

{"itemImage": "/icons-mfd-png/edit_settings.png", "subItems": ["/vis.0/VIS_v3/Meine_Icons/Sonstige/iobroker.png", "/vis.0/VIS_v3/Meine_Icons/Sonstige/iobroker.png","/vis.0/VIS_v3/Meine_Icons/Sonstige/iobroker.png","/vis.0/VIS_v3/Meine_Icons/Sonstige/iobroker.png","/vis.0/VIS_v3/Meine_Icons/Sonstige/iobroker.png","/vis.0/VIS_v3/Meine_Icons/Sonstige/iobroker.png"]}

Edit : es liegt am fehlenden "

[Kuddel]

@Glasfaser jap das wars. vielen dank

[dQeLse]

Hi ich weiss nicht ob meine Frage hier richtig plaziert ist, wenn nicht kann ich gerne einen neuen Thread aufmachen.
Ich habe meine Visu auf 3 Tablets am laufen und habe für jedes Tablet einen eigenen DP für Widget8 und Top App Bar angelegt.
Das funktioniert auch wunderbar, nur habe ich das Problem, dass wenn ich eine Seite auf einem 2. Tablet ebenfalls öffne auf dem ersten die Seite verschwindet.
Ist das normal oder muss ich was einstellen damit ich auf 2 Tablets die selbe Seite geöffnet haben kann?

[dos1973]

@Scrounger
ich nutze die Top AppBar Navigation erfolgreich in meinem Menü, alles funktioniert.

Jetzt habe ich auf einer Seite ein weiteres "view in widget8" in mein Vis eingebaut, das funktioniert auch solange bis ich die Top AppBar Navigation aufrufe. sobald ich die via Menü navigiere und danach wieder auf die Ursprungsseite zurückkomme geht das darin enthalten "view in widget8" nicht mehr, es wird nichts angezeigt. ich muss ein Reload durchführen, dann gehts wieder bis ich wieder im Menü eine Seite ändere.

ich habe sozusagen ein "view in widget8" in deinem "view in widget8" aus der Top AppBar

ich hoffe es ist einigermaßen verständlich?!
mache ich etwas falsch oder geht diese Kombination einfach nicht?

[Scrounger]

@dos1973
Die TopAppBar hat kein integriertes view in widget8 mehr?
Kann ich leider nix zu sagen, da ich das view in widget8 noch nie mit einem weiteren view in widget8 verschachtel habe.
Grundsätzlich ist das view in widget8 nicht client safe, d.h. du müsstest für jedes Endgerät eine eigene Seite mit einem eigenen view in widget8 machen.

[dos1973]

@Scrounger
ich habe mich wahrscheinlich viel zu kompliziert ausgedrückt. Sorry.
anders herum gefragt. i

Ich habe ein Widget8 welche leer anzeigt, sobald im Menü umgeschaltet wird.
kann ich das irgendwie nutzen oder funktioniert das Widget nicht mit Materialdesign?

[seppel786]

Hallo zusammen,

ganz bescheidene Frage:
Ich versuche in VIS ein SimpleDate bzw. SimpleClock Widget auf/über die Top App Bar einzufügen.
Wenn ich mir nun die View in der Runtime anzeigen lasse, sehe ich die Widgets nicht sondern nur die Top App Bar.

VIS Editor:

VIS Runtime:

Mache ich irgendwas falsch?

Danke für Eure Hilfe,
Seppel

[Glasfaser]

@seppel786

Hast du die SimpleDate Widget .... im View "view in widget8 " hinterlegt !?

[seppel786]

@Glasfaser

Ahm nein...wie mache ich das? Hättest du mir vlt einen Screenshot?

Danke und Gruß,
Seppel

[Glasfaser]

@seppel786

?????

Du hast doch ein Hauptview als Startseite erstellt ...!!?
dort ist nur das Widget Top App Bar und das view in widget8 enthalten und dort die Uhr mit einem hohen Z-index einfügen .

Link Text

[seppel786]

@Glasfaser

Danke...Der hohe Z-Index hat das Problem gelöst.
Sry, ich habe deinen Post davor irgendwie falsch interpretiert.

Gruß Seppel

[mcfly11111]

eine Frage zu Submenu.
Ist es möglich, in einem Submenu ein weiteres Submenu zu erstellen?
Wäre für mich interessant, um das Topmenu übersichtlich zu halten.
Falls nicht, auch kein Problem. Müsste dann eben das Topmenu umgestalten.

Danke

[seppel786]

Hallo zusammen,

wie kann man eigentlich das Widget zentraler ausrichten?
Wenn ich das das Widget in die Mitte meiner View einfüge,
wanderte das Widget in der Runtine immer wieder links oben ins Eck.

Danke und Gurß.

PS: Schöne Ostern Euch allen!

[saeft_2003]

@Scrounger

Ich habe ein Problem und zwar wenn ich auf irgendeinem View war und danach wieder auf meine Standard View zurück wechsel wird dieser fast immer nicht komplett geladen. Man sieht es immer, dass die Anzeigen für Temp und Luftfeuchtigkeit nicht geladen werden. Andere Bulbs werden normal angezeigt, lassen sich aber nicht schalten.

Das passiert auf unterschiedlichen Rechneren in verschiedenen Browsern. Als Notlösung lasse ich jetzt immer automatisch den View neu laden, dann gehts wieder.

Weißt du an was das liegen könnte? Am Anfang trat das relativ selten auf und wurde dann immer schlimmer...

[Negalein]

@Mic sagte in Material Design Widgets: Top App Bar Widget:

Alternativ: Scrollbar ändern:

Hi Mic!

Ich hätte gerade versucht mit deinem CSS die Scrollbar umzufärben.

Aber sie bleibt immer im Standardoutfit.

Egal ob der CSS unter Global oder Projekt ist.
Es ändert sich nichts.

Was könnte ich noch versuchen?

EDIT: Funktioniert. War ein Fehler zwischem linken und rechtem Ohr

[Negalein]

@Scrounger

Seit heute bekomme ich beim Aufruf der Runtime nur eine weiße Seite.

In der Console wird mir dieser Fehler angezeigt.

Spoiler

Uncaught TypeError: Cannot read property 'alwaysRender' of undefined
    at Object.initNext (vis.js:658)
    at Object.<anonymous> (vis.js:554)
    at Object.loadWidgetSets (vis.js:521)
    at Object.init (vis.js:553)
    at vis.js:3228
    at r.<anonymous> (conn.js:1236)
    at r.onack (index.js:83)
    at r.onpacket (index.js:83)
    at r.<anonymous> (index.js:83)
    at r.emit (index.js:83)
DevTools failed to parse SourceMap: chrome-extension://hdokiejnpimakedhajhdlcegeplioahd/sourcemaps/onloadwff.js.map
DevTools failed to parse SourceMap: http://10.0.1.200:8082/lib/js/socket.io.js.map
DevTools failed to parse SourceMap: http://localhost:8080/headless-content.js.map
DevTools failed to parse SourceMap: http://10.0.1.200:8082/vis/widgets/materialdesign/lib/fonts/material-design-icons/materialdesignicons.css.map

EDIT: Problem gelöst. Es hat sich eine View eingeschlichen, die nicht zu öffnen war.