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

  • 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.
  • 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
                                    • K kafibo

                                      @buchi

                                      eben ein Update durchgeführt.
                                      install.png

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

                                      @kafibo
                                      Ich hab noch eine ältere npm Version. Ich werde die mal updaten und schauen was dann ist. Kann es mir zwar nicht vorstellen aber wer weiß.

                                      Beste Grüße
                                      Gerhard

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

                                        @buchi kenn auch von anderen widgets

                                        war falsch gepostet - vergiss es

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

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

                                        @buchi kenn auch von anderen widgets

                                        manchmal muss man die vis uploaden - kann dein adapter nix dafür - könnte aber auch an der github installation liegen

                                        Ich installiere auf dem Produktivstem ja auch über die Katze und den Github Link. Das sollte also keinen Unterschied machen.

                                        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:

                                          @buchi kenn auch von anderen widgets

                                          manchmal muss man die vis uploaden - kann dein adapter nix dafür - könnte aber auch an der github installation liegen

                                          Ich installiere auf dem Produktivstem ja auch über die Katze und den Github Link. Das sollte also keinen Unterschied machen.

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

                                          @buchi habe oben ausgebessert - war falsche antwort :-)

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          349

                                          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