Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Trash HTML Widget VIS2

    NEWS

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    Trash HTML Widget VIS2

    This topic has been deleted. Only users with topic management privileges can see it.
    • Longbow
      Longbow @skvarel last edited by

      @skvarel

      Guten Morgen, also weit klappt es die Ausrichtungen prima. So können die Leute es sich einstellen, wie sie es haben wollen.

      Ein Problem ist nur, keine Ahnung warum, aber die Bilder werden nicht angezeigt. Weder die aus dem Pfad, die es ja gibt oder halt die möchte und hinterlegt habe.

      hier mal der Pfad von dem was ich gern haben würde wollen :
      /vis-2.0/smarthome/Image/views/muell/muelltonne-mit-armen_grau.png

      hier die aus dem Adapter:
      /vis-icontwo/Schedule/Trash/trash_brown.png

      Das liegt aber echt wohl an Eurem Inventow Design Adapter, denn wenn ich dies Pfad so ein anzeigen lasse, als Bild Image, werden Sie mir angezeigt. An was kann das liegen?

      skvarel 1 Reply Last reply Reply Quote 0
      • skvarel
        skvarel Developer @Longbow last edited by skvarel

        @longbow .. hast du dich an die genaue Schreibweise gehalten?

        Die Namen im Script müssen zwingend identisch mit den Namen in der Instanz sein. Die Reihenfolge ist da allerdings egal.

        10fc3b7c-59d4-4dce-a0c2-968275cd2e1d-image.png

        1 Reply Last reply Reply Quote 0
        • Longbow
          Longbow last edited by

          @skvarel

          danke, da war der Fehler.... jetzt probiere ich weiter

          1 Reply Last reply Reply Quote 0
          • Longbow
            Longbow last edited by

            @skvarel

            Also läuft echt super auf dem MacBook, probiere es später auf einem Windows-Rechner noch aus.
            Aber auf den Mobilen Geräten (iPhone und iPad) sieht es wie mit dem anderen Widget, wo dein Sohn dran ist.

            Hier mal die Bilder:

            Auf dem MacBook
            Greenshot 2025-08-11 18.49.53.png

            Auf den Mobilen Geräten:

            Bildschirmfoto 2025-08-11 um 18.49.06.jpg

            1 Reply Last reply Reply Quote 0
            • Longbow
              Longbow last edited by

              @skvarel

              Also läuft echt super auf dem MacBook, probiere es später auf einem Windows-Rechner noch aus.
              Aber auf den Mobilen Geräten (iPhone und iPad) sieht es wie mit dem anderen Widget, wo dein Sohn dran ist.

              Hier mal die Bilder:

              Auf dem MacBook
              Greenshot 2025-08-11 18.49.53.png

              Auf den Mobilen Geräten:

              Bildschirmfoto 2025-08-11 um 18.49.06.jpg

              skvarel 2 Replies Last reply Reply Quote 0
              • skvarel
                skvarel Developer @Longbow last edited by

                @longbow ... du kannst auch ein Basic-HTML-Widget nehmen, anstatt das inventwo Widget. Dann müsste es auch in der mobilen Ansicht klappen.

                1 Reply Last reply Reply Quote 0
                • skvarel
                  skvarel Developer @Longbow last edited by

                  @longbow .. Export vom Basic-HTML-Widget

                  [
                    {
                      "tpl": "tplHtml",
                      "data": {
                        "bindings": [
                          "html"
                        ],
                        "html": "{0_userdata.0.Termine.Kalender_Müll.Widget}",
                        "refreshInterval": null,
                        "g_common": true,
                        "g_css_font_text": true
                      },
                      "style": {
                        "bindings": [],
                        "left": "460px",
                        "top": "368px",
                        "width": "688px",
                        "height": "222px",
                        "z-index": "50",
                        "color": null,
                        "text-align": "center",
                        "text-shadow": null,
                        "font-family": null,
                        "font-style": null,
                        "font-variant": null,
                        "font-weight": null,
                        "font-size": null,
                        "line-height": null,
                        "letter-spacing": null,
                        "word-spacing": null
                      },
                      "widgetSet": "basic",
                      "_id": "i000001"
                    }
                  ]
                  
                  1 Reply Last reply Reply Quote 0
                  • Longbow
                    Longbow last edited by

                    Herzlichen Dank, das war auch mein Gedanke, hatte nur nicht schneller es aus probieren können.
                    Ich finde mega, was du gebastelt hast.

                    Jetzt muss nur noch das andere Thema wieder gehen.

                    Ein großes Dankeschön an Dich.

                    1 Reply Last reply Reply Quote 1
                    • H
                      hubert9999 last edited by hubert9999

                      Danke für dein Script.
                      Klappt nun.

                      Wo genau kann man den Bilderpfad nachschauen?

                      skvarel 1 Reply Last reply Reply Quote 0
                      • skvarel
                        skvarel Developer @hubert9999 last edited by

                        @hubert9999 .. die Icons liegen im icontwo Adapter

                        cdbe409d-bf49-4c73-a0fd-da9211c50c3f-image.png

                        Der Pfad (z.B. für die braune Tonne):

                        /vis-icontwo/Schedule/Trash/trash_brown.png

                        Wenn du eigene Icons verwenden möchtest musst natürlich den Pfad zu deinem Icon in dem Script angeben. Den Pfad kannst du dir über den Dateimanager im VIS-Editor holen.

                        f4652201-a2cd-4191-81a1-5e3f347f1a60-image.png

                        Z.B., wenn du eigene Icons im VIS-2.0 Verzeichnis geladen hast, dann ist der Pfad:

                        /vis-2.0/HOTBIN Nederland-safe-reviews-icon.png

                        Bitte nur hier den Pfad ändern. Sonst nichts an den grünen Blöcken ändern.

                        47749988-3f58-495d-ba8a-e61dafde923f-image.png

                        1 Reply Last reply Reply Quote 1
                        • First post
                          Last post

                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        524
                        Online

                        32.0k
                        Users

                        80.4k
                        Topics

                        1.3m
                        Posts

                        4
                        21
                        486
                        Loading More Posts
                        • Oldest to Newest
                        • Newest to Oldest
                        • Most Votes
                        Reply
                        • Reply as topic
                        Log in to reply
                        Community
                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                        The ioBroker Community 2014-2023
                        logo