Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. ioBroker Allgemein
  4. VIS Widget Inhalt anordnen

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    237

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.5k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

VIS Widget Inhalt anordnen

Scheduled Pinned Locked Moved ioBroker Allgemein
11 Posts 3 Posters 1.1k Views 2 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • M Massimo

    Hallo, ist es möglich der Inhalt z.B. eines iFrame Widget rechts auszurichten?
    Gerne würde ich den Inhalt rechts anordnen, anstatt Default Links.

    Grund ist: habe ein "View in Widget" welcher einen iFrame zeigt. Der Inhalt der iFrame ist jedoch so gross dass ich scrollen muss. Nun möchte ich dass es per default rechts anordnet. So dass ich dann nach link scrollen kann

    liv-in-skyL Offline
    liv-in-skyL Offline
    liv-in-sky
    wrote on last edited by
    #2

    @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

    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

    M 1 Reply Last reply
    0
    • liv-in-skyL liv-in-sky

      @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 Offline
      M Offline
      Massimo
      wrote on last edited by
      #3

      @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.D 1 Reply Last reply
      0
      • M Massimo

        @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.D Offline
        Dominik F.D Offline
        Dominik F.
        wrote on last edited by
        #4

        @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
        0
        • M Offline
          M Offline
          Massimo
          wrote on last edited by
          #5

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

          Dominik F.D 2 Replies Last reply
          0
          • M Massimo

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

            Dominik F.D Offline
            Dominik F.D Offline
            Dominik F.
            wrote on last edited by
            #6

            @massimo

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

            1 Reply Last reply
            0
            • M Massimo

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

              Dominik F.D Offline
              Dominik F.D Offline
              Dominik F.
              wrote on last edited by
              #7

              @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
              0
              • Dominik F.D Dominik F.

                @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 Offline
                M Offline
                Massimo
                wrote on last edited by
                #8

                @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.D 1 Reply Last reply
                0
                • M Massimo

                  @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.D Offline
                  Dominik F.D Offline
                  Dominik F.
                  wrote on last edited by
                  #9

                  @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
                  0
                  • Dominik F.D Dominik F.

                    @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 Offline
                    M Offline
                    Massimo
                    wrote on last edited by
                    #10

                    @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.D 1 Reply Last reply
                    0
                    • M Massimo

                      @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.D Offline
                      Dominik F.D Offline
                      Dominik F.
                      wrote on last edited by
                      #11

                      @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
                      0
                      Reply
                      • Reply as topic
                      Log in to reply
                      • Oldest to Newest
                      • Newest to Oldest
                      • Most Votes


                      Support us

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

                      564

                      Online

                      32.7k

                      Users

                      82.5k

                      Topics

                      1.3m

                      Posts
                      Community
                      Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                      ioBroker Community 2014-2025
                      logo
                      • Login

                      • Don't have an account? Register

                      • Login or register to search.
                      • First post
                        Last post
                      0
                      • Home
                      • Recent
                      • Tags
                      • Unread 0
                      • Categories
                      • Unreplied
                      • Popular
                      • GitHub
                      • Docu
                      • Hilfe