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. Tester
  4. Test Widget vis-owl v0.2.x GitHub

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.3k

Test Widget vis-owl v0.2.x GitHub

Geplant Angeheftet Gesperrt Verschoben Tester
359 Beiträge 28 Kommentatoren 71.7k Aufrufe 32 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.
  • liv-in-skyL liv-in-sky

    @buchi

    @buchi ist das ein problem von meinem system ?

    Image 8.png

    habe auch schon deinstalliert und nochmal installliert - über github

    bilder - der anbieter amazon habe ich - aber kein thema - such ich mir dann selber

    B Offline
    B Offline
    Buchi
    schrieb am zuletzt editiert von
    #10

    @liv-in-sky
    Den Fehler kannst ignorieren. Kommt da das Widget keinen Admin Teil hat.

    Bilder sind wie gesagt dabei. Lass die Eigenschaften einfach leer ;)

    Beste Grüße
    Gerhard

    liv-in-skyL K 2 Antworten Letzte Antwort
    0
    • B Buchi

      @liv-in-sky
      Den Fehler kannst ignorieren. Kommt da das Widget keinen Admin Teil hat.

      Bilder sind wie gesagt dabei. Lass die Eigenschaften einfach leer ;)

      liv-in-skyL Offline
      liv-in-skyL Offline
      liv-in-sky
      schrieb am zuletzt editiert von
      #11

      @buchi

      ok - sieht so aus

      Image 10.png

      zur info:
      eigene bilder werden verzogen dargestellt

      dann hab ich noch das gesehen

      Image 9.png

      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

      B 1 Antwort Letzte Antwort
      0
      • NashraN Nashra

        Moin, erstmal Danke :+1:
        Zwei Fragen hätte ich da noch...
        1. der Hintergrund (dunkel) lässt sich nicht ändern oder muß ich das über CSS machen
        2. Bild Fortschritt 1 bis 5, was soll da rein bzw. was hast Du dir da vorgestellt

        Edit: zu 1 erledigt

        .vis-owl-parcel-container {
            Background-color: #183D51;
        }
        
        B Offline
        B Offline
        Buchi
        schrieb am zuletzt editiert von Buchi
        #12

        @nashra sagte in Test Widget vis-owl v0.2.x GitHub:

        Edit: zu 1 erledigt

        .vis-owl-parcel-container {
            Background-color: #183D51;
        }
        

        Damit nicht jeder suchen oder rätseln muss. Aktuell sind folgende CSS Klassen (durch die Namen hoffentlich eindeutig) verfügbar. Auch die Positionen sind über CSS flexibel anpassbar, so dass es dadurch an (hoffentlich) viele Designs anpassbar ist ;)

        .vis-owl-parcel-container{
            background-color: #222222; 
            z-index: 10;
            overflow: auto;
            height: 100%;
            width: 100%;
            align-items: center;
            justify-content: center;
            display: flex;
        }
        
        .vis-owl-parcel{
            background-color: #adadad; 
            z-index: 13;
            width: 95%;
            align-self: center;
            height: 55px;
        }
        
        .vis-owl-parcel-source{
            z-index: 14;
            width: 80px;
            height: 40px;
            top: 5px;
            left: 5px;
        }
        
        .vis-owl-parcel-id{
            color:#292929;
            z-index: 14;
            width: 200px;
            height: 20px;
            top: 5px;
            left: 110px;
        }
        
        .vis-owl-parcel-name{
            color:#292929;
            z-index: 14;
            width: 460px;
            height: 20px;
            top: 5px;
            left: 315px;
        }
        
        .vis-owl-parcel-status{
            color:#292929;
            z-index: 14;
            width: 660px;
            height: 20px;
            top: 30px;
            left: 110px;
        }
        
        

        Beste Grüße
        Gerhard

        liv-in-skyL 1 Antwort Letzte Antwort
        1
        • B Buchi

          @nashra sagte in Test Widget vis-owl v0.2.x GitHub:

          Edit: zu 1 erledigt

          .vis-owl-parcel-container {
              Background-color: #183D51;
          }
          

          Damit nicht jeder suchen oder rätseln muss. Aktuell sind folgende CSS Klassen (durch die Namen hoffentlich eindeutig) verfügbar. Auch die Positionen sind über CSS flexibel anpassbar, so dass es dadurch an (hoffentlich) viele Designs anpassbar ist ;)

          .vis-owl-parcel-container{
              background-color: #222222; 
              z-index: 10;
              overflow: auto;
              height: 100%;
              width: 100%;
              align-items: center;
              justify-content: center;
              display: flex;
          }
          
          .vis-owl-parcel{
              background-color: #adadad; 
              z-index: 13;
              width: 95%;
              align-self: center;
              height: 55px;
          }
          
          .vis-owl-parcel-source{
              z-index: 14;
              width: 80px;
              height: 40px;
              top: 5px;
              left: 5px;
          }
          
          .vis-owl-parcel-id{
              color:#292929;
              z-index: 14;
              width: 200px;
              height: 20px;
              top: 5px;
              left: 110px;
          }
          
          .vis-owl-parcel-name{
              color:#292929;
              z-index: 14;
              width: 460px;
              height: 20px;
              top: 5px;
              left: 315px;
          }
          
          .vis-owl-parcel-status{
              color:#292929;
              z-index: 14;
              width: 660px;
              height: 20px;
              top: 30px;
              left: 110px;
          }
          
          
          liv-in-skyL Offline
          liv-in-skyL Offline
          liv-in-sky
          schrieb am zuletzt editiert von
          #13

          @buchi wirst du das noch in das widget als setting einbauen ?

          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

          B 1 Antwort Letzte Antwort
          0
          • liv-in-skyL liv-in-sky

            @buchi

            ok - sieht so aus

            Image 10.png

            zur info:
            eigene bilder werden verzogen dargestellt

            dann hab ich noch das gesehen

            Image 9.png

            B Offline
            B Offline
            Buchi
            schrieb am zuletzt editiert von
            #14

            @liv-in-sky sagte in Test Widget vis-owl v0.2.x GitHub:

            @buchi

            ok - sieht so aus

            Image 10.png

            Schöner Farbverlauf :+1:

            zur info:
            eigene bilder werden verzogen dargestellt

            Ok, danke. Schau ich mir an.

            dann hab ich noch das gesehen

            Image 9.png

            Das kommt durch die Möglichkeit eine eigene Klasse im VIS Editor angeben zu können. Da dort nichts eingetragen ist, kommt das "undefined" in das HTML. Das stört erst mal nicht und ich bau mir darüber unterschiedliche Designs mit ein und dem selben Widget. Als Beispiel:

            a5383370-3e03-4d02-a2f9-d5f97ad28748-image.png

            ebd4a6f4-65fa-47c0-b4be-a0e034eb727d-image.png

            3ed675e6-c5ab-4209-a192-34cdb56dff8f-image.png

            fbf647a6-7f34-4b6f-9189-d240695b711d-image.png

            Beste Grüße
            Gerhard

            G 1 Antwort Letzte Antwort
            0
            • liv-in-skyL liv-in-sky

              @buchi wirst du das noch in das widget als setting einbauen ?

              B Offline
              B Offline
              Buchi
              schrieb am zuletzt editiert von
              #15

              @liv-in-sky sagte in Test Widget vis-owl v0.2.x GitHub:

              @buchi wirst du das noch in das widget als setting einbauen ?

              Da dürfte der Aufwand zu groß werden. Ich finde das über die CSS Variante eigentlich sehr einfach und flexibel nutzbar.
              Wenn das in die Eigenschaften rein soll müsste ich ja die ganzen CSS Möglichkeiten für jedes Element im Widget einbauen.

              Beste Grüße
              Gerhard

              liv-in-skyL 1 Antwort Letzte Antwort
              0
              • B Buchi

                @liv-in-sky
                Den Fehler kannst ignorieren. Kommt da das Widget keinen Admin Teil hat.

                Bilder sind wie gesagt dabei. Lass die Eigenschaften einfach leer ;)

                K Offline
                K Offline
                kafibo
                schrieb am zuletzt editiert von kafibo
                #16

                @buchi
                Hallo, ich habe dasselbe Problem wie Live-in-sky. Allerdings erscheint bei mir kein Widget im VIS-Editor !!!
                Was mache ich denn falsch bzw. was kann ich machen damit es erscheint ?

                liv-in-skyL 1 Antwort Letzte Antwort
                0
                • K kafibo

                  @buchi
                  Hallo, ich habe dasselbe Problem wie Live-in-sky. Allerdings erscheint bei mir kein Widget im VIS-Editor !!!
                  Was mache ich denn falsch bzw. was kann ich machen damit es erscheint ?

                  liv-in-skyL Offline
                  liv-in-skyL Offline
                  liv-in-sky
                  schrieb am zuletzt editiert von
                  #17

                  @kafibo

                  probier mal die vis instanz neu zu laden im instanz tab

                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                  K B 2 Antworten Letzte Antwort
                  1
                  • B Offline
                    B Offline
                    Buchi
                    schrieb am zuletzt editiert von
                    #18

                    Hier mal ein Beispiel wie über CSS die Position der Elemente verändert werden kann:

                    4b77402c-3513-467e-9074-801f396503a2-image.png

                    Beste Grüße
                    Gerhard

                    Rene RR 1 Antwort Letzte Antwort
                    1
                    • B Buchi

                      @liv-in-sky sagte in Test Widget vis-owl v0.2.x GitHub:

                      @buchi wirst du das noch in das widget als setting einbauen ?

                      Da dürfte der Aufwand zu groß werden. Ich finde das über die CSS Variante eigentlich sehr einfach und flexibel nutzbar.
                      Wenn das in die Eigenschaften rein soll müsste ich ja die ganzen CSS Möglichkeiten für jedes Element im Widget einbauen.

                      liv-in-skyL Offline
                      liv-in-skyL Offline
                      liv-in-sky
                      schrieb am zuletzt editiert von
                      #19

                      @buchi sagte in Test Widget vis-owl v0.2.x GitHub:

                      Da dürfte der Aufwand zu groß werden. Ich finde das über die CSS Variante eigentlich sehr einfach und flexibel nutzbar.
                      Wenn das in die Eigenschaften rein soll müsste ich ja die ganzen CSS Möglichkeiten für jedes Element im Widget einbauen.

                      alles klar - dann is ja gut, wenn ich es jetzt mache

                      habe es jetzt so geändert
                      Image 14.png

                      ein frage zur reihenfolge

                      momentan habe ich nur die gelieferten amazons drin

                      wenn jetzt ein dhl kommen würde, wird das dann ganz oben angezeigt ? oder kommen immer alle 10 amazon's als erstes ? liegt wohl am json , nehme ich mal an - muss mir das mit dem json nochmal ansehen, wie das aufgebaut wird, wenn ich noch anderes als nur amazon drin habe

                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                      B 1 Antwort Letzte Antwort
                      0
                      • liv-in-skyL liv-in-sky

                        @buchi sagte in Test Widget vis-owl v0.2.x GitHub:

                        Da dürfte der Aufwand zu groß werden. Ich finde das über die CSS Variante eigentlich sehr einfach und flexibel nutzbar.
                        Wenn das in die Eigenschaften rein soll müsste ich ja die ganzen CSS Möglichkeiten für jedes Element im Widget einbauen.

                        alles klar - dann is ja gut, wenn ich es jetzt mache

                        habe es jetzt so geändert
                        Image 14.png

                        ein frage zur reihenfolge

                        momentan habe ich nur die gelieferten amazons drin

                        wenn jetzt ein dhl kommen würde, wird das dann ganz oben angezeigt ? oder kommen immer alle 10 amazon's als erstes ? liegt wohl am json , nehme ich mal an - muss mir das mit dem json nochmal ansehen, wie das aufgebaut wird, wenn ich noch anderes als nur amazon drin habe

                        B Offline
                        B Offline
                        Buchi
                        schrieb am zuletzt editiert von Buchi
                        #20

                        @liv-in-sky sagte in Test Widget vis-owl v0.2.x GitHub:

                        ein frage zur reihenfolge

                        momentan habe ich nur die gelieferten amazons drin

                        wenn jetzt ein dhl kommen würde, wird das dann ganz oben angezeigt ? oder kommen immer alle 10 amazon's als erstes ? liegt wohl am json , nehme ich mal an - muss mir das mit dem json nochmal ansehen, wie das aufgebaut wird, wenn ich noch

                        Ja, das liegt aktuell noch am Json. Je nach Reihenfolge wie es da drin steht. Ich hoffe dass tombox das noch erweitert, so dass ich im Widget dann die Sortierung und Anzeige (geliefert / nicht geliefert usw.) einbauen und auswerten kann.

                        Beste Grüße
                        Gerhard

                        liv-in-skyL Damrak2022D 2 Antworten Letzte Antwort
                        0
                        • B Buchi

                          @liv-in-sky sagte in Test Widget vis-owl v0.2.x GitHub:

                          ein frage zur reihenfolge

                          momentan habe ich nur die gelieferten amazons drin

                          wenn jetzt ein dhl kommen würde, wird das dann ganz oben angezeigt ? oder kommen immer alle 10 amazon's als erstes ? liegt wohl am json , nehme ich mal an - muss mir das mit dem json nochmal ansehen, wie das aufgebaut wird, wenn ich noch

                          Ja, das liegt aktuell noch am Json. Je nach Reihenfolge wie es da drin steht. Ich hoffe dass tombox das noch erweitert, so dass ich im Widget dann die Sortierung und Anzeige (geliefert / nicht geliefert usw.) einbauen und auswerten kann.

                          liv-in-skyL Offline
                          liv-in-skyL Offline
                          liv-in-sky
                          schrieb am zuletzt editiert von
                          #21

                          @buchi

                          es gibt doch im json ein 2 in Delivery

                          danach könntest du doch sortieren und die true's nach oben schreiben :-)

                          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                          B 1 Antwort Letzte Antwort
                          0
                          • liv-in-skyL liv-in-sky

                            @kafibo

                            probier mal die vis instanz neu zu laden im instanz tab

                            K Offline
                            K Offline
                            kafibo
                            schrieb am zuletzt editiert von
                            #22

                            @liv-in-sky
                            @Buchi

                            Im TAB Instance kann ich nichts aktualisieren oder neu starten ( siehe Bilder ).
                            vis-editor.png instance.png

                            liv-in-skyL 1 Antwort Letzte Antwort
                            0
                            • K kafibo

                              @liv-in-sky
                              @Buchi

                              Im TAB Instance kann ich nichts aktualisieren oder neu starten ( siehe Bilder ).
                              vis-editor.png instance.png

                              liv-in-skyL Offline
                              liv-in-skyL Offline
                              liv-in-sky
                              schrieb am zuletzt editiert von
                              #23

                              @kafibo

                              Image 16.png

                              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                              K 1 Antwort Letzte Antwort
                              0
                              • liv-in-skyL liv-in-sky

                                @kafibo

                                Image 16.png

                                K Offline
                                K Offline
                                kafibo
                                schrieb am zuletzt editiert von
                                #24

                                @liv-in-sky
                                :man-facepalming: Wer lesen kann, ist klar im Vorteil .
                                Danke jetzt funktioniert es :+1:

                                1 Antwort Letzte Antwort
                                1
                                • liv-in-skyL liv-in-sky

                                  @buchi

                                  es gibt doch im json ein 2 in Delivery

                                  danach könntest du doch sortieren und die true's nach oben schreiben :-)

                                  B Offline
                                  B Offline
                                  Buchi
                                  schrieb am zuletzt editiert von
                                  #25

                                  @liv-in-sky sagte in Test Widget vis-owl v0.2.x GitHub:

                                  @buchi

                                  es gibt doch im json ein 2 in Delivery

                                  danach könntest du doch sortieren und die true's nach oben schreiben :-)

                                  Das inDelivery ist nur am Tag der Zustellung auf true. Kann man schon sortieren, bringt aber noch nichts mit den offenen, noch nicht in Zustellung befindlichen Sendungen. Es braucht noch ein paar mehr Eigenschaften zu einer Sendung damit das ordentlich angezeigt werden kann. Warten wir mal auf tombox ;)

                                  Wichtig war aber schon mal, dass die Technik zum Auslesen und Verarbeiten des Json steht. Der Rest ist dann jetzt nur Beiwerk :)

                                  Beste Grüße
                                  Gerhard

                                  1 Antwort Letzte Antwort
                                  1
                                  • liv-in-skyL liv-in-sky

                                    @kafibo

                                    probier mal die vis instanz neu zu laden im instanz tab

                                    B Offline
                                    B Offline
                                    Buchi
                                    schrieb am zuletzt editiert von
                                    #26

                                    @liv-in-sky sagte in Test Widget vis-owl v0.2.x GitHub:

                                    @kafibo

                                    probier mal die vis instanz neu zu laden im instanz tab

                                    Wobei das bei der Installation des Widgets von alleine gemacht werden sollte. Zumindest bei mir hatte das auch immer funktioniert. Komisch dass es anscheinend nicht überall geht :(

                                    Beste Grüße
                                    Gerhard

                                    1 Antwort Letzte Antwort
                                    0
                                    • B Offline
                                      B Offline
                                      Buchi
                                      schrieb am zuletzt editiert von
                                      #27

                                      Habe gerade die V0.2.2 hochgeladen:

                                      • Bilddimensionen korrigiert
                                      • Zugestellte Sendungen ein- / ausblendbar

                                      Ich habe bei mir die Installation auf dem Produktivsystem kontrolliert und da wird der VIS Adapter neu gestartet:

                                      731d3004-4084-4f6c-8acd-c854b647f5ed-image.png

                                      Warum das bei euch nicht funktioniert ist mir nicht klar :(

                                      Beste Grüße
                                      Gerhard

                                      K liv-in-skyL 2 Antworten Letzte Antwort
                                      0
                                      • B Buchi

                                        Habe gerade die V0.2.2 hochgeladen:

                                        • Bilddimensionen korrigiert
                                        • Zugestellte Sendungen ein- / ausblendbar

                                        Ich habe bei mir die Installation auf dem Produktivsystem kontrolliert und da wird der VIS Adapter neu gestartet:

                                        731d3004-4084-4f6c-8acd-c854b647f5ed-image.png

                                        Warum das bei euch nicht funktioniert ist mir nicht klar :(

                                        K Offline
                                        K Offline
                                        kafibo
                                        schrieb am zuletzt editiert von
                                        #28

                                        @buchi

                                        eben ein Update durchgeführt.
                                        install.png

                                        B 1 Antwort Letzte Antwort
                                        0
                                        • B Buchi

                                          Habe gerade die V0.2.2 hochgeladen:

                                          • Bilddimensionen korrigiert
                                          • Zugestellte Sendungen ein- / ausblendbar

                                          Ich habe bei mir die Installation auf dem Produktivsystem kontrolliert und da wird der VIS Adapter neu gestartet:

                                          731d3004-4084-4f6c-8acd-c854b647f5ed-image.png

                                          Warum das bei euch nicht funktioniert ist mir nicht klar :(

                                          liv-in-skyL Offline
                                          liv-in-skyL Offline
                                          liv-in-sky
                                          schrieb am zuletzt editiert von liv-in-sky
                                          #29

                                          @buchi kenn auch von anderen widgets

                                          war falsch gepostet - vergiss es

                                          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                          B 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

                                          632

                                          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