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

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

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.3k

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

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

VIS Widget Inhalt anordnen

Geplant Angeheftet Gesperrt Verschoben ioBroker Allgemein
11 Beiträge 3 Kommentatoren 943 Aufrufe 2 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.
  • M Offline
    M Offline
    Massimo
    schrieb am zuletzt editiert von
    #1

    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 1 Antwort Letzte Antwort
    0
    • 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
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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.
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          0
          • M Offline
            M Offline
            Massimo
            schrieb am zuletzt editiert von
            #5

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

            Dominik F.D 2 Antworten Letzte Antwort
            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.
              schrieb am zuletzt editiert von
              #6

              @massimo

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

              1 Antwort Letzte Antwort
              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.
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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.
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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.
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        0
                        Antworten
                        • In einem neuen Thema antworten
                        Anmelden zum Antworten
                        • Älteste zuerst
                        • Neuste zuerst
                        • Meiste Stimmen


                        Support us

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

                        356

                        Online

                        32.4k

                        Benutzer

                        81.4k

                        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