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

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

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

Test Widget vis-owl v0.2.x GitHub

Geplant Angeheftet Gesperrt Verschoben Tester
359 Beiträge 28 Kommentatoren 72.3k 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

    hat jemand einen bilder satz für mich ?

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

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

    Beste Grüße
    Gerhard

    liv-in-skyL 1 Antwort Letzte Antwort
    0
    • 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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          793

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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