Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
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.0k

  • 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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
30 Beiträge 3 Kommentatoren 7.5k Aufrufe
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • BluefoxB Offline
    BluefoxB Offline
    Bluefox
    schrieb am zuletzt editiert von
    #17

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

    1 Antwort Letzte Antwort
    0
    • C Offline
      C Offline
      Communicate
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      0
      • BluefoxB Offline
        BluefoxB Offline
        Bluefox
        schrieb am zuletzt editiert von
        #19

        Das ist definitiv falsche Datei.

        Hast du wirklich .origin genommen?

        1 Antwort Letzte Antwort
        0
        • C Offline
          C Offline
          Communicate
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          0
          • BluefoxB Offline
            BluefoxB Offline
            Bluefox
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            0
            • C Offline
              C Offline
              Communicate
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              0
              • BluefoxB Offline
                BluefoxB Offline
                Bluefox
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                0
                • C Offline
                  C Offline
                  Communicate
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  0
                  • C Offline
                    C Offline
                    Communicate
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    0
                    • BluefoxB Offline
                      BluefoxB Offline
                      Bluefox
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      0
                      • C Offline
                        C Offline
                        Communicate
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        0
                        • BluefoxB Offline
                          BluefoxB Offline
                          Bluefox
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          0
                          • C Offline
                            C Offline
                            Communicate
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            0
                            • BluefoxB Offline
                              BluefoxB Offline
                              Bluefox
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              0
                              Antworten
                              • In einem neuen Thema antworten
                              Anmelden zum Antworten
                              • Älteste zuerst
                              • Neuste zuerst
                              • Meiste Stimmen


                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              591

                              Online

                              32.7k

                              Benutzer

                              82.3k

                              Themen

                              1.3m

                              Beiträge
                              Community
                              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                              ioBroker Community 2014-2025
                              logo
                              • Anmelden

                              • Du hast noch kein Konto? Registrieren

                              • Anmelden oder registrieren, um zu suchen
                              • Erster Beitrag
                                Letzter Beitrag
                              0
                              • Home
                              • Aktuell
                              • Tags
                              • Ungelesen 0
                              • Kategorien
                              • Unreplied
                              • Beliebt
                              • GitHub
                              • Docu
                              • Hilfe