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

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

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

Test Widget vis-owl v0.2.x GitHub

Geplant Angeheftet Gesperrt Verschoben Tester
359 Beiträge 28 Kommentatoren 71.9k 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.
  • B Buchi

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

    hat jemand einen bilder satz für mich ?

    Welche Bilder brauchst denn?
    Die Fortschrittsbilder gehen noch nicht und für die Firmen sind bis auf 17TRACK welche mit dabei.

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

    @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

    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

      @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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          681

                                          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