Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. ioBroker Allgemein
    4. VIS Widget Inhalt anordnen

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    VIS Widget Inhalt anordnen

    This topic has been deleted. Only users with topic management privileges can see it.
    • liv-in-sky
      liv-in-sky @Massimo last edited by

      @massimo

      mit einem html widget und folgenden eintrag

      <iframe src="https://kursprognose.com/ethereum-kurs-prognose-eth-in-euro" height="1100" width="1000" style="border:none;overflow:hidden;position:absolute;left:-30px;top:-550px;">
      </iframe>
      
      

      left und top sind die werte, die du einstellen musst

      M 1 Reply Last reply Reply Quote 0
      • M
        Massimo @liv-in-sky last edited by

        @liv-in-sky

        Vielen Dank, irgendwie will es nicht. Folgender Link aus Grafana verwende ich für iFrame. Wärst du so nett und würdest mir den dementsprechend ändern? ich muss dann immer noch scrollen können.

        http://192.168.0.58:3000/d-solo/fxX_NYmRz/gasverbrauch?orgId=1&from=now-24h&to=now&refresh=1m&panelId=2" width="450" height="200" frameborder="0"></iframe>

        Dominik F. 1 Reply Last reply Reply Quote 0
        • Dominik F.
          Dominik F. @Massimo last edited by

          @massimo

          Du musst keine Größe angeben. Du hast ja das gleiche auch im MDCSS Thread gepostet. Lade dir am besten mal die Demo herunter. Dort ist ein Beispiel für Grafana drin unter Bargraph.

          Bei mir sieht der Link so aus:

          http://xxx.xxx.xxx.xx:3000/d/3N6XyE_Wk/eg-temperaturen?orgId=1&refresh=15m&&from=now-24h&to=now&viewPanel=2&kiosk
          
          1 Reply Last reply Reply Quote 0
          • M
            Massimo last edited by

            @dominik-f Vielen Dank. welche Demo? resp. wo kann ich diese Downloaden?

            Dominik F. 2 Replies Last reply Reply Quote 0
            • Dominik F.
              Dominik F. @Massimo last edited by

              @massimo

              https://github.com/Uhula/ioBroker-Material-Design-Style

              1 Reply Last reply Reply Quote 0
              • Dominik F.
                Dominik F. @Massimo last edited by

                @massimo

                Das ganze funktioniert jedoch nur, wenn du das nach den Vorgaben machst und deine Vis nach card --> cont-->page aufbaust wie das in der Demo gezeigt wird.

                M 1 Reply Last reply Reply Quote 0
                • M
                  Massimo @Dominik F. last edited by

                  @dominik-f Die VIS funktioniert mit dem Grafana Diagramm. Aufgrund der Breite des Diagramm habe ich eine "View in Widget" und da drin das iFrame Widget. So kann ich gut scrollen und es funktioniert.
                  Allerdings passt mir die Ausrichtung nicht. möchte es per default links ausgerichtet haben.

                  2ed1fec7-9bf0-4b5d-91e0-9f1b238e702b-image.png

                  Dominik F. 1 Reply Last reply Reply Quote 0
                  • Dominik F.
                    Dominik F. @Massimo last edited by

                    @massimo

                    Es ist doch links ausgerichtet oder verstehe was falsch?

                    Eine Frage habe ich....warum möchtest du denn zwingend scrollen? MDCSS von Uhula gibt es doch her, dass du das komplett sehen kannst, dir anzeigen lassen kannst ob du die letzten 30min, 1Tag,1 Woche etc angezeigt bekommst und du kannst bei bedarf ins Vollbild schalten.

                    Unbenannt.PNG

                    Unbenannt1.PNG

                    Unbenannt2.PNG

                    M 1 Reply Last reply Reply Quote 0
                    • M
                      Massimo @Dominik F. last edited by

                      @dominik-f Diese VIS ist auf dem iPhone. Mit Vollbild sieht man da nicht viel. Und so wie ich es gemacht habe ( "iFrame" in einer "View in Widget" Widget ) geht es gut, kann scrollen. Wäre aber noch besser wenn es rechts ausgerichtet wäre. So dass ich am Anfang die jüngste Werte sehe. So sehe ich am Anfang die älteste Werte und muss zurück scrollen zu den jüngsten.

                      kennst du einen CSS Befehl dafür?

                      Oder wüsstest du ob ich in Grafana die X Achse umstellen kann? so dass die jüngste Werte Links sind?

                      Dominik F. 1 Reply Last reply Reply Quote 0
                      • Dominik F.
                        Dominik F. @Massimo last edited by

                        @massimo

                        So eine richtige Idee hab ich nicht dazu.
                        Eine Idee hätte ich mit der du ein wenig testen kannst:

                        from=now-24h&to=now
                        

                        das gibt ja an, von wann bis wann alles angezeigt wird, in diesem Fall die letzten 24h. Vielleicht kannst du das ja so verändern, dass es für dich passt. Ist nur eine Idee, sonst hab ich keine Idee dazu

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

                        Support us

                        ioBroker
                        Community Adapters
                        Donate
                        FAQ Cloud / IOT
                        HowTo: Node.js-Update
                        HowTo: Backup/Restore
                        Downloads
                        BLOG

                        531
                        Online

                        31.9k
                        Users

                        80.1k
                        Topics

                        1.3m
                        Posts

                        3
                        11
                        716
                        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