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
    823

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

  • 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.
  • arteckA arteck

    @Scrounger haben wir ein bug in dem icon ??die 2 scrollbalken kann ich nicht ausblenden

    aa36f49a-d21e-492b-af25-d7187db08944-grafik.png

    müsste das hier sein
    b1d35b94-4b0c-4f62-8d0c-b54989a9eb86-grafik.png

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

    @arteck habe noch eine stunde alles mögliche probiert - leider habe ich keine weiteren ideen und es gelingt mitr nicht - @Scrounger hat da mehr überblick - viell. meldet er sich noch

    beispiel, was ich getestet habe (damit konnte ich bei meinen widgets die scrollen eine schönere scrollbar erzeugen - mit material design geht das nicht:

    ....::-webkit-scrollbar {
       width: 0px !important;
        background: transparent !important; 
         display: none !important;
        scrollbar-width: none;
    }
    .....::-webkit-scrollbar-thumb {
       width: 0px !important;
        background: transparent !important; 
         display: none !important;
        scrollbar-width: none;
    }
    

    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

    1 Antwort Letzte Antwort
    0
    • 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

                                381

                                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