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

  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. (Gelöst) Eigenes Widgetset erstellen, Wie?

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.2k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.9k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.2k

(Gelöst) Eigenes Widgetset erstellen, Wie?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
9 Beiträge 4 Kommentatoren 8.0k Aufrufe 4 Watching
  • Ä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.
  • snadorS Offline
    snadorS Offline
    snador
    schrieb am zuletzt editiert von
    #1

    Hallo, ich such jetzt schon eine Weile rum. Ich möchte gerne eigene Widgets erstellen und dazu ein neues Widgetset anlegen. Bei dne Metro Widget funktioniert das über einen Adapter. Aber geht das auch ohne Adapter? Wie bekomm ich im VIS eine neues Widgetset hinzugefügt? Danke!

    1 Antwort Letzte Antwort
    0
    • HomoranH Nicht stören
      HomoranH Nicht stören
      Homoran
      Global Moderator Administrators
      schrieb am zuletzt editiert von
      #2

      @snador:

      Ich möchte gerne eigene Widgets erstellen und dazu ein neues Widgetset anlegen `
      Sieh mal hier

      https://github.com/ioBroker/ioBroker.vis-template

      Gruß Rainer

      kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

      1 Antwort Letzte Antwort
      0
      • snadorS Offline
        snadorS Offline
        snador
        schrieb am zuletzt editiert von
        #3

        Hey, super Danke! Genau das hab ich gesucht. Ich werde es heute gleich ausprobieren. LG

        1 Antwort Letzte Antwort
        0
        • snadorS Offline
          snadorS Offline
          snador
          schrieb am zuletzt editiert von
          #4

          ICh hab soweit alles gemacht wie in der Anleitung. Das neue Widget-Set ist jetzt sichtbar und ich kann Widgets anlegen. Allerdings werden die Änderungen nur sporadisch ins VIS durchgestellt, z.B: wenn ich Funktionsaufrufe im Namen änderen. Das Kommando "iobroker visdebug mywidgetssetname" welches man nach den Änderungen aufrufen sollte, bringt den folgenden Fehler (siehe Screenshot). Was läuft schief? :-)
          4236_error.jpg

          1 Antwort Letzte Antwort
          0
          • snadorS Offline
            snadorS Offline
            snador
            schrieb am zuletzt editiert von
            #5

            Und noch eine Frage :-) Wie kann ich console.log Befehle verwenden um die Entwicklung zu debuggen. Es kommt kein Output in er Console… Danke!

            1 Antwort Letzte Antwort
            0
            • snadorS Offline
              snadorS Offline
              snador
              schrieb am zuletzt editiert von
              #6

              @snador:

              ICh hab soweit alles gemacht wie in der Anleitung. Das neue Widget-Set ist jetzt sichtbar und ich kann Widgets anlegen. Allerdings werden die Änderungen nur sporadisch ins VIS durchgestellt, z.B: wenn ich Funktionsaufrufe im Namen änderen. Das Kommando "iobroker visdebug mywidgetssetname" welches man nach den Änderungen aufrufen sollte, bringt den folgenden Fehler (siehe Screenshot). Was läuft schief? :-) `

              So, es ist gelöst. Denke ich zumindest :-) Die Dateien heißen offenbar nicht mehr index.html.original / edit.html.original sondern jetzt index.src.html / edit.src.html… Ich hab die mal aufgedoppelt und umbenannt - jetzt klappt es auch mit dem befehl iobroker visdebug xxx

              1 Antwort Letzte Antwort
              0
              • snadorS Offline
                snadorS Offline
                snador
                schrieb am zuletzt editiert von
                #7

                @snador:

                Und noch eine Frage :-) Wie kann ich console.log Befehle verwenden um die Entwicklung zu debuggen. Es kommt kein Output in er Console… Danke! `

                Gelöst: Mit dem Befehl "iobroker visdebug xxx" klappt es. Die Änderungen an den CSS / JS Files werden ins VIS durchgestellt. Siehe obiger Post :-) Alternativ kann auch jedesmal ein "iobroker upload vis" gemacht werden - dauert nur länger…

                1 Antwort Letzte Antwort
                0
                • S Offline
                  S Offline
                  sveni_lee
                  schrieb am zuletzt editiert von
                  #8

                  @snador:

                  So, es ist gelöst. Denke ich zumindest :-) Die Dateien heißen offenbar nicht mehr index.html.original / edit.html.original sondern jetzt index.src.html / edit.src.html… Ich hab die mal aufgedoppelt und umbenannt - jetzt klappt es auch mit dem befehl iobroker visdebug xxx `

                  wo genau hast due denn die beiden Datein geändert? Ich habe gerade das selbe Problem…

                  1 Antwort Letzte Antwort
                  0
                  • D Offline
                    D Offline
                    dtp
                    schrieb am zuletzt editiert von
                    #9

                    Hallo,

                    ich würde gerne das hier als ein festes Widget erzeugen.

                    2019-02-28_09h52_05.jpg

                    Bevor ich mich jetzt zu intensiv mit dem Template-Adapter beschäftige, würde mich interessieren, ob das damit überhaupt realisierbar ist. Im Moment habe ich die Anzeige als einen View mit entsprechenden Widgets realisiert. Der View wird durch ein Dialog-Widget aufgerufen. In dem View werden verschiedene Abfragen über die einstellbaren Zeiten per Javaskript durchgeführt. Dies nur mal als kleiner Hintergrund.

                    Warum davon ein Widget? Nun, weil der jetzige View etwas träge beim Aufbau und bei der Eingabe reagiert. Ich hätte das gerne mehr aus einem Guss.

                    ioBroker im Docker-Container auf Synology DiskStation DS718+, HomeMatic IP über CCU3, IKEA Dirigera inkl. Matter, Apple Homekit, Amazon Alexa.

                    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

                    761

                    Online

                    32.4k

                    Benutzer

                    81.4k

                    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