Metro Widget verändern - wie und wo

[Bluefox]

Jetzt weiss ich nicht, was du hast.

Nimm einfach Dateien von hier:

https://github.com/ioBroker/ioBroker.vi … /edit.html

https://github.com/ioBroker/ioBroker.vi ... index.html

Und kopiere die entsprechend hier

/opt/iobroker/iobroker-data/files/vis

und hier

/opt/iobroker/node_modules/iobroker.vis/www

Wichtig, jedes mal nach dem Restart von vis, werden die Dateien überschrieben.
6819_screenshot-2018-6-11_unexpected_token_error_when_starting_node-red_with_npm_module_file-exists_implemented.png

[Communicate]

Danke, jetzt funktioniert zumindest schon mal meine Teständerung in der Ünersetzung.

Meine Idee mit Pre- und Suffix funktioniert leider nicht (wird einfach nicht angezeigt) gibt es neben Metro.html noch weitere Dateien wo ich etwas einstellen muss, damit ich die neuen Widgeteigenschaften auch rechts angezeigt bekomme?

[Bluefox]

@Communicate:

Danke, jetzt funktioniert zumindest schon mal meine Teständerung in der Ünersetzung.

Meine Idee mit Pre- und Suffix funktioniert leider nicht (wird einfach nicht angezeigt) gibt es neben Metro.html noch weitere Dateien wo ich etwas einstellen muss, damit ich die neuen Widgeteigenschaften auch rechts angezeigt bekomme? `
Wie erweiterst du die?

Poste hier einen Beispiel (ein widget template)

[Communicate]

Hallo BLuefox,

im moment weiss ich noch nicht so genau was ich mache, und habe viel try and error.

Hier mal meine metro.html . Wahrscheinlich gehe ich vollkommen falsch vor.

Ich habe jetzt einfach den Tag erweitert. Das scheint aber nicht zu reichen.

ich glaube der Schlüssel zum erfolg ist die Zeile

data-vis-attrs="nav_view;hover[true]/checkbox;transform[true]/checkbox;select_current/checkbox;label[Navigation];"

Diese muss ich m.E. um folgendes (aus dem String WIdget) erweitern:

data-vis-attrs="content_prepend;content_append;content_oid/id;"

Aber so richtig funktionieren tut das nicht. mir werden dann zwar die eigenschaften angezeigt, aber der eingegebene Text bei pre oder suffix erscheint nicht im WIdget…

Mir geht es um das Metro-Navigation-Widget zu dem ich Pre und Suffix dazu packen möchte (so wie beim Metro-String).

Ich muss bestimmt noch mehr machen, weiss aber leider nicht so genau was

Kannst Du helfen?

Edit:

Hier mal nur der Navigation-WIdget Teil im Klartext:
515_metro1.txt

[Communicate]

So, ich nehme alles zurück und behaupte das Gegenteil: Ich habs hinbekommen.

Kannst Du mal schauen, ob das so auch technisch i.O. ist? Funktionieren tut es zumindest.

So ganz verstanden habe ich aber ehrlich gesagt nicht, was ich da gemacht habe. Gibt es dafür irgendwo noch eine Erklärungs -oder Tutorialseite?

[Bluefox]

Syntaxis von Templatesprache ist hier geschrieben:

http://canjs.com/guides/EJS.html

Du hast vergessen label_prepend und append einzufügen. Aber da wollte ich eigentlich den weg mit Binding benutzen.

du kanst ganz normal den label so was "Value={dev1}" zuweisen

[Communicate]

Hallo Bluefox,

vielen Dank. ich werde mich mal einlesen

Noch eine Frage zur jetzigen Lösung.

Ich kann mit den Eigenschaften "CSS-Text" zwar die Farbe und die Schriftart ändern, aber nicht die Schriftgröße. Hast Du noch eine Idee, woran das liegt?

Gruß

Dominic

[Bluefox]

@Communicate:

Hallo Bluefox,

Ich kann mit den Eigenschaften "CSS-Text" zwar die Farbe und die Schriftart ändern, aber nicht die Schriftgröße. Hast Du noch eine Idee, woran das liegt?

Gruß

Dominic `
Es können viele Gründe sein.

Wie machst du das?

Probiere mal: style="font-size: 24px !important "

Es konnte auch das helfen: in prepend schreiben {deinID}

[Communicate]

ich wäre da ja viel einfacher unterwegs und würde das gerne hier einstellen:

aber irgendwie funktioniert hier nur die font family und color.

Hast Du einen Tip?

[Bluefox]

@Communicate:

ich wäre da ja viel einfacher unterwegs und würde das gerne hier einstellen:

filename="Bildschirmfoto 2015-09-28 um 22.03.43.png" index="0">~~

aber irgendwie funktioniert hier nur die font family und color.

Hast Du einen Tip? `
Da überschreibt eine Metro Klasse diese Einstellungen und man muss das als Eigenschaft implementieren.

CSS code um Schriftgröße zu verändern:

.metro .label {
    font-size: 24px !important;
}