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. Visualisierung
  4. bug im materialdesign - dialog iframe Widget

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    15
    1
    697

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    1.9k

bug im materialdesign - dialog iframe Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
19 Beiträge 4 Kommentatoren 557 Aufrufe 3 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.
  • BananaJoeB BananaJoe

    @arteck da könnte es mehrere Ansätze geben ...

    Nur für das jeweilige Widget:

    #w00123 {
        overflow: hidden;
    }
    

    im CSS-Reiter von VIS einfügen und w00123 dann mit der jeweiligen Widget-Nummer ersetzen
    Bei mehreren Widgets ggf. Wiederholen

    Ansonsten hast du da jede Menge Bezeichnungen, folgendes könnte auch gehen

    .scrollbar-view {
        overflow: hidden;
    }
    

    was dann aber auch überall in deinem Projekt gelten würde wo diese Klasse vorkommt.

    Alternativ erstellst du deine eigene CSS-Klasse:

    .bitte-keine-scrollbars {
        overflow: hidden;
    }
    

    und fügst diese beim Widget unter Generell => CSS Klasse mit dem Namen bitte-keine-scrollbars ein

    Dazu kommt der Effekt das es sein kann das du am PC die Scrollbars trotzdem noch siehst, auf dem Tablet sind die dann weg. Man kann die Scrollbars auch umdesignen, also z.B. nur 1 Pixel breit in rot oder 0px breit. So etwas sieht man auch am PC sofort

    arteckA Offline
    arteckA Offline
    arteck
    Developer Most Active
    schrieb am zuletzt editiert von
    #6

    @bananajoe ne so einfach ist es nicht.. auf die idee bin ich auch schon gekommen...

    deshalb die frage an die, die sich mehr mit css beschäftigen :-).. da tickt das widget anders

    @liv-in-sky ja das was ich geschickt habe ist direkt von dem widget. wenn ich es da auf hidden stellen ist der balken weg guck
    8bc02d6b-459d-4bba-8c67-873701fa7539-grafik.png

    das grafana gedönz kommt als nächstes.. aber einz nach dem anderen ..

    zigbee hab ich, zwave auch, nuc's genauso und HA auch

    liv-in-skyL 1 Antwort Letzte Antwort
    0
    • arteckA arteck

      @bananajoe ne so einfach ist es nicht.. auf die idee bin ich auch schon gekommen...

      deshalb die frage an die, die sich mehr mit css beschäftigen :-).. da tickt das widget anders

      @liv-in-sky ja das was ich geschickt habe ist direkt von dem widget. wenn ich es da auf hidden stellen ist der balken weg guck
      8bc02d6b-459d-4bba-8c67-873701fa7539-grafik.png

      das grafana gedönz kommt als nächstes.. aber einz nach dem anderen ..

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

      @arteck
      ich nehme an das dies nicht funktioniert

      .scrollbar-view{ overflow:hidden !important;}
      

      im ccs-tab der vis

      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

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

        @arteck
        ich nehme an das dies nicht funktioniert

        .scrollbar-view{ overflow:hidden !important;}
        

        im ccs-tab der vis

        arteckA Offline
        arteckA Offline
        arteck
        Developer Most Active
        schrieb am zuletzt editiert von
        #8

        @liv-in-sky nope

        zigbee hab ich, zwave auch, nuc's genauso und HA auch

        liv-in-skyL 1 Antwort Letzte Antwort
        0
        • arteckA arteck

          @liv-in-sky nope

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

          @arteck

          evtl ein jquery script, welches das attribut nachträglich ändert

          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

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

            @arteck

            evtl ein jquery script, welches das attribut nachträglich ändert

            arteckA Offline
            arteckA Offline
            arteck
            Developer Most Active
            schrieb am zuletzt editiert von arteck
            #10

            @liv-in-sky ich habs

            .div.css-17x4n39{ overflow:hidden !important;}
            

            67468335-092e-46ff-87cd-562b0c04ba76-grafik.png

            zigbee hab ich, zwave auch, nuc's genauso und HA auch

            liv-in-skyL 1 Antwort Letzte Antwort
            0
            • arteckA arteck

              @liv-in-sky ich habs

              .div.css-17x4n39{ overflow:hidden !important;}
              

              67468335-092e-46ff-87cd-562b0c04ba76-grafik.png

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

              @arteck ahh - eine ebene drüber - :+1:

              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

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

                @arteck ahh - eine ebene drüber - :+1:

                arteckA Offline
                arteckA Offline
                arteck
                Developer Most Active
                schrieb am zuletzt editiert von
                #12

                @liv-in-sky aber nicht immer
                c24a868f-94b5-42ac-8f1d-727421c6bdf9-grafik.png

                zigbee hab ich, zwave auch, nuc's genauso und HA auch

                liv-in-skyL 1 Antwort Letzte Antwort
                0
                • arteckA arteck

                  @liv-in-sky aber nicht immer
                  c24a868f-94b5-42ac-8f1d-727421c6bdf9-grafik.png

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

                  @arteck sagte in bug im materialdesign - dialog iframe Widget:

                  @liv-in-sky aber nicht immer

                  ändert sich der class name ?

                  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

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

                    @arteck sagte in bug im materialdesign - dialog iframe Widget:

                    @liv-in-sky aber nicht immer

                    ändert sich der class name ?

                    arteckA Offline
                    arteckA Offline
                    arteck
                    Developer Most Active
                    schrieb am zuletzt editiert von arteck
                    #14

                    @liv-in-sky ne der wird nicht generiert.
                    35150517-827c-4902-96e8-75775e3f1fcc-grafik.png

                    zumindest nicht zur laufzeit

                    ich werd bekloppt

                    @Scrounger hilfmal.. kann auch quick and dirty sein... im code ..hauptsache wech :-)

                    zigbee hab ich, zwave auch, nuc's genauso und HA auch

                    liv-in-skyL ScroungerS 2 Antworten Letzte Antwort
                    0
                    • arteckA arteck

                      @liv-in-sky ne der wird nicht generiert.
                      35150517-827c-4902-96e8-75775e3f1fcc-grafik.png

                      zumindest nicht zur laufzeit

                      ich werd bekloppt

                      @Scrounger hilfmal.. kann auch quick and dirty sein... im code ..hauptsache wech :-)

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

                      @arteck

                      evtl das problem - eigentlich nur eine theorie - diese änderung ist eigentlich nicht im widget sondern du änderst damit den inhalt des iframes widget - das ganze hat eigentlich wenig mit dem mat-des widget zu tun, sondern mit der eingebundenen seite - wenn also die class geändert wird ist evtl bei einem neuladen des inhalts (ich denke grafana) das nicht der fall

                      wenn du das ganze nicht in grafana steuern kannst - muss evtl doch ein script her, das irgendwie getriggert wird, wenn der inhalt des iframes upgedatet wird - da seigentliche mat-des widget wird ja nur einmal geladen uns ist dann da

                      hoffentlich stimmt das, was ich hier zusammenschreibe

                      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

                      arteckA 1 Antwort Letzte Antwort
                      0
                      • arteckA arteck

                        @liv-in-sky ne der wird nicht generiert.
                        35150517-827c-4902-96e8-75775e3f1fcc-grafik.png

                        zumindest nicht zur laufzeit

                        ich werd bekloppt

                        @Scrounger hilfmal.. kann auch quick and dirty sein... im code ..hauptsache wech :-)

                        ScroungerS Offline
                        ScroungerS Offline
                        Scrounger
                        Developer
                        schrieb am zuletzt editiert von
                        #16

                        @arteck, @liv-in-sky
                        das wäre auch mein Vermutung, liegt wahscheinlich am Inhalt des Iframe, evtl. einfach zu groß.
                        Evtl. kannst du was über die Dialog größe ändern.

                        Oder einfach mal alles im iframe überschreiben

                        .dialog_wXXXXX .iFrame_container > * {
                        overflow:hidden !important;
                        } 
                        
                        1 Antwort Letzte Antwort
                        0
                        • liv-in-skyL liv-in-sky

                          @arteck

                          evtl das problem - eigentlich nur eine theorie - diese änderung ist eigentlich nicht im widget sondern du änderst damit den inhalt des iframes widget - das ganze hat eigentlich wenig mit dem mat-des widget zu tun, sondern mit der eingebundenen seite - wenn also die class geändert wird ist evtl bei einem neuladen des inhalts (ich denke grafana) das nicht der fall

                          wenn du das ganze nicht in grafana steuern kannst - muss evtl doch ein script her, das irgendwie getriggert wird, wenn der inhalt des iframes upgedatet wird - da seigentliche mat-des widget wird ja nur einmal geladen uns ist dann da

                          hoffentlich stimmt das, was ich hier zusammenschreibe

                          arteckA Offline
                          arteckA Offline
                          arteck
                          Developer Most Active
                          schrieb am zuletzt editiert von arteck
                          #17

                          @liv-in-sky damit könntest du sogar recht haben
                          af373188-908e-401d-b43c-a0e4e40dd5dc-grafik.png
                          ne andere Seite eingebunden

                          hast recht

                          e9f7cf70-04fc-4445-ac99-f859ed65c40f-grafik.png
                          das view von grafana nur im neuem browser tab.. und ich such mir einen

                          zigbee hab ich, zwave auch, nuc's genauso und HA auch

                          liv-in-skyL 1 Antwort Letzte Antwort
                          0
                          • arteckA arteck

                            @liv-in-sky damit könntest du sogar recht haben
                            af373188-908e-401d-b43c-a0e4e40dd5dc-grafik.png
                            ne andere Seite eingebunden

                            hast recht

                            e9f7cf70-04fc-4445-ac99-f859ed65c40f-grafik.png
                            das view von grafana nur im neuem browser tab.. und ich such mir einen

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

                            @arteck

                            ein paar infos sind hier zu finden

                            https://stackoverflow.com/questions/583753/using-css-to-affect-div-style-inside-iframe

                            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

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

                              @arteck

                              ein paar infos sind hier zu finden

                              https://stackoverflow.com/questions/583753/using-css-to-affect-div-style-inside-iframe

                              arteckA Offline
                              arteckA Offline
                              arteck
                              Developer Most Active
                              schrieb am zuletzt editiert von arteck
                              #19

                              @liv-in-sky ich hasse css..... :-)

                              so gehts
                              0edf6fe2-3983-42e5-acca-9bb01a6d3fae-grafik.png

                              mit einem navi dialog ..

                              @liv-in-sky DANKÖÖÖÖÖÖÖÖÖÖ

                              @Scrounger erledigt... kannst dich wieder hinlegen :-)

                              zigbee hab ich, zwave auch, nuc's genauso und HA auch

                              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

                              688

                              Online

                              32.6k

                              Benutzer

                              81.9k

                              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