Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Metro Widget verändern - wie und wo

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    3.3k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.1k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

Metro Widget verändern - wie und wo

Scheduled Pinned Locked Moved Visualisierung
30 Posts 3 Posters 7.5k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • C Offline
    C Offline
    Communicate
    wrote on last edited by
    #15

    nur damit ich es richtig verstehe:

    Ich kopiere die beiden origin files von /opt/iobroker/node_modules/iobroker.vis/www/index.html.origin und edit.html.origin nach /opt/iobroker/iobroker-data/files/vis/index.html und edit.html, richtig?

    1 Reply Last reply
    0
    • C Offline
      C Offline
      Communicate
      wrote on last edited by
      #16

      … das scheint es nicht gewesen zu sein.

      hab es wie beschrieben gemacht, dann die manifest geändert, danacg vis reload.

      so siehts jetzt aus:

      515_bildschirmfoto_2015-09-26_um_20.48.34.png

      1 Reply Last reply
      0
      • BluefoxB Offline
        BluefoxB Offline
        Bluefox
        wrote on last edited by
        #17

        Wie sieht dann dein iobroker -data/files/vis/edit.html aus?

        1 Reply Last reply
        0
        • C Offline
          C Offline
          Communicate
          wrote on last edited by
          #18

          so: (erste zeilen, die html darf ich nicht hochladen (Die hochgeladene Datei wurde abgewiesen, da sie als möglicher Angriffsversuch identifiziert wurde.)

          
              <title>ioBroker.vis</title>
          
          
          1 Reply Last reply
          0
          • BluefoxB Offline
            BluefoxB Offline
            Bluefox
            wrote on last edited by
            #19

            Das ist definitiv falsche Datei.

            Hast du wirklich .origin genommen?

            1 Reply Last reply
            0
            • C Offline
              C Offline
              Communicate
              wrote on last edited by
              #20

              das habe ich kopiert:

              root@raspberrypi:/opt/iobroker/iobroker-data/files/vis# cd /opt/iobroker/iobroker-data/files/vis/
              root@raspberrypi:/opt/iobroker/iobroker-data/files/vis# cp /opt/iobroker/node_modules/iobroker.vis/www/edit.html.original edit.html
              root@raspberrypi:/opt/iobroker/iobroker-data/files/vis# cp /opt/iobroker/node_modules/iobroker.vis/www/index.html.original index.html
              root@raspberrypi:/opt/iobroker/iobroker-data/files/vis# nano /opt/iobroker/iobroker-data/files/vis/cache.manifest
              
              1 Reply Last reply
              0
              • BluefoxB Offline
                BluefoxB Offline
                Bluefox
                wrote on last edited by
                #21

                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

                1 Reply Last reply
                0
                • C Offline
                  C Offline
                  Communicate
                  wrote on last edited by
                  #22

                  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?

                  1 Reply Last reply
                  0
                  • BluefoxB Offline
                    BluefoxB Offline
                    Bluefox
                    wrote on last edited by
                    #23

                    @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)

                    1 Reply Last reply
                    0
                    • C Offline
                      C Offline
                      Communicate
                      wrote on last edited by
                      #24

                      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

                      1 Reply Last reply
                      0
                      • C Offline
                        C Offline
                        Communicate
                        wrote on last edited by
                        #25

                        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?

                        1 Reply Last reply
                        0
                        • BluefoxB Offline
                          BluefoxB Offline
                          Bluefox
                          wrote on last edited by
                          #26

                          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

                          1 Reply Last reply
                          0
                          • C Offline
                            C Offline
                            Communicate
                            wrote on last edited by
                            #27

                            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

                            1 Reply Last reply
                            0
                            • BluefoxB Offline
                              BluefoxB Offline
                              Bluefox
                              wrote on last edited by
                              #28

                              @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}

                              1 Reply Last reply
                              0
                              • C Offline
                                C Offline
                                Communicate
                                wrote on last edited by
                                #29

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

                                515_bildschirmfoto_2015-09-28_um_22.03.43.png

                                aber irgendwie funktioniert hier nur die font family und color.

                                Hast Du einen Tip?

                                1 Reply Last reply
                                0
                                • BluefoxB Offline
                                  BluefoxB Offline
                                  Bluefox
                                  wrote on last edited by
                                  #30

                                  @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;
                                  }
                                  
                                  
                                  1 Reply Last reply
                                  0
                                  Reply
                                  • Reply as topic
                                  Log in to reply
                                  • Oldest to Newest
                                  • Newest to Oldest
                                  • Most Votes


                                  Support us

                                  ioBroker
                                  Community Adapters
                                  Donate

                                  643

                                  Online

                                  32.7k

                                  Users

                                  82.3k

                                  Topics

                                  1.3m

                                  Posts
                                  Community
                                  Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                  ioBroker Community 2014-2025
                                  logo
                                  • Login

                                  • Don't have an account? Register

                                  • Login or register to search.
                                  • First post
                                    Last post
                                  0
                                  • Home
                                  • Recent
                                  • Tags
                                  • Unread 0
                                  • Categories
                                  • Unreplied
                                  • Popular
                                  • GitHub
                                  • Docu
                                  • Hilfe