From 9a9ad56798cef8bb201bc4f4953943d8ace97983 Mon Sep 17 00:00:00 2001 From: Thomas <101348966+tt-tom17@users.noreply.github.com> Date: Mon, 21 Aug 2023 16:18:52 +0200 Subject: [PATCH] =?UTF-8?q?Dynamische=20Icons=20f=C3=BCr=20Subpages=20erg?= =?UTF-8?q?=C3=A4nzt=20V4.2.x?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ioBroker-Navigation.md | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) diff --git a/ioBroker-Navigation.md b/ioBroker-Navigation.md index 5392e3b..3a6b205 100644 --- a/ioBroker-Navigation.md +++ b/ioBroker-Navigation.md @@ -149,7 +149,27 @@ Hier ein Beispiel als Blockly, welches alle Fenster in einem Aliasordner überwa ![Blockly_dynamische _Srungmarke](https://user-images.githubusercontent.com/101348966/210888849-35b34ea7-86b1-4c3f-814a-b98873d6d158.png) -Wie Ihr den Datenpunkt unter 0_userdata.0. setzen wollt, könnt ihr selbst entscheiden und ist auch ganz von der Anzahl der Kontakte abhängig. Auf einer cardGrid könnt ihr maximal 6 Icon / Kontakte darstellen. Deshalb kann es notwendig sein, noch eine Subpage dazwischen zu setzen und diese nach Stockwerken aufzuteilen. +Wie Ihr den Datenpunkt unter 0_userdata.0. setzen wollt, könnt ihr selbst entscheiden und ist auch ganz von der Anzahl der Kontakte abhängig. Auf einer cardGrid könnt ihr maximal 8 Icon / Kontakte darstellen. Deshalb kann es notwendig sein, noch eine Subpage dazwischen zu setzen und diese nach Stockwerken aufzuteilen. + +**Erweiterung ab Version 4.2** + +die Flexibilität der Icon wurde um die Farbe und dem Buttontext(CardEntities) erweitert. +Dazu müssen zwei Datenpunkte im Alias angelegt werden. +**COLORDEC** (Typ Zahl) beinhaltet die Farbzahl entsprechend DEC565. +[Hier gibt es ein Nextion-HMI-Color-Converter](https://nodtem66.github.io/nextion-hmi-color-convert/index.html) +**BUTTONTEXT** (Typ String) statt PRESS kann der Text freigewählt werden. + +Bildschirmfoto 2023-08-21 um 16 10 40 + +Mindest Schreibweise, wenn DatenPunkte angelegt sind. +``` +{ navigate: true, id: AliasPath + 'Status_offene_Tuer', targetPage:'Tuer', name: 'Türen'}, +``` + +Wenn einer oder beide Datenpunkte nicht vorhanden sind, wird die altbekannt Schreibweise heran gezogen, wie z.B. +``` +{ navigate: true, id: AliasPath + 'Status_offene_Tuer', targetPage:'Tuer', useColor:true, onColor: Green, offColor: Red, name: 'Türen', buttonText: 'hier drücken'}, +``` ## Navigation mit den Hardware-Buttons