Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Slider TAB

    NEWS

    • Monatsrückblick – September 2025

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    Slider TAB

    This topic has been deleted. Only users with topic management privileges can see it.
    • W
      webseb79 last edited by

      Hallo,

      unter folgenden Link

      http://forum.iobroker.net/viewtopic.php?f=22&t=1735

      habe ich das gleiche Thema schonmal angesprochen.

      Bei mir ist es auf dem Ipad so zu sehen, am Windows 7 Rechner ist es aber richtig dargestellt.

      Mal schauen ob sich dem Thema jemand annimmt.

      Gruß Sebastian

      1 Reply Last reply Reply Quote 0
      • R
        robsdobs last edited by

        Das Problem besteht immer noch:
        1367_bild_275.png
        Kann man dagegen etwas tun oder diese Funktionalität mit einem anderen Widget nachbilden?

        1 Reply Last reply Reply Quote 0
        • P
          pix last edited by

          Ich nutze das Widget nicht. Aber habt ihr schon mal die margin / padding Größen des Widgets geändert?

          Gruß

          Pix

          1 Reply Last reply Reply Quote 0
          • R
            robsdobs last edited by

            Hab ich mal probiert, bringt keine Besserung.

            1 Reply Last reply Reply Quote 0
            • P
              pix last edited by

              Habe mir das mal angesehen und konnte den Fehler reproduzieren.

              Da wird eine Breite falsch gesetzt:
              261_bildschirmfoto_2016-08-09_um_14.38.14.jpg

              Das Widget heißt bei mir w00007 und die Breite ist fälschlicherweise mit 353px (blauer Kasten) im Code angegeben.

              Ich habe also einfach die Anweisung durch neuen CSS Code 100% (Brauner Kasten) im Reiter CSS übersteuert:

              #w00007 ul.ui-slider-tabs-list {
                  width: 100% !important;
              }
              ````Dann geht es. Es bleibt aber trotzdem ein Bug.
               ![261_bildschirmfoto_2016-08-09_um_14.45.26.jpg](/assets/uploads/files/261_bildschirmfoto_2016-08-09_um_14.45.26.jpg) 
              
              Probier mal,
              
              Gruß
              
              Pix
              1 Reply Last reply Reply Quote 1
              • H
                Harry-IO-HM last edited by

                Der Bug ist noch nicht behoben, wäre nett, wenn der Autor das bei nächster Gelegenheit mal fixen könnte - DANKE!

                1 Reply Last reply Reply Quote 0
                • R
                  radiorichter last edited by

                  hallo beisammen, stehe auch vor dem gleichen Problem, gibts mittlerweile eine Lösung? 😉

                  1 Reply Last reply Reply Quote 0
                  • M
                    murphy last edited by

                    Hallo zusammen. Hab' vor etwa einer Woche mit iobroker angefangen und bin begeistert!

                    Hatte das gleiche Problem. Nachdem ich alle Leerzeichen aus den Tabtexten entfernt habe, werden sie wieder in einer Zeile angezeigt.

                    Vielleicht hilft's ja.

                    Eine andere Frage zu den Slider Tab's habe ich noch. Hat schon jemand ein script geschrieben das nach einer gewissen Zeit das nächste Tab anzeigt (und wenn man händich umschaltet diese Zeit neu startet)?

                    Grüsse

                    1 Reply Last reply Reply Quote 0
                    • thexbrain
                      thexbrain last edited by

                      Gibt es eine Möglichkeit die einzelnen Tabs zu vergrößern??

                      1 Reply Last reply Reply Quote 0
                      • nukleuz
                        nukleuz last edited by

                        Leider ist bei mir die Navigation der Tabs auch auf zwei Zeilen gerutscht.

                        Hat jemand eine Idee, wie man das umgehen kann?

                        Danke und Grüße,

                        nukleuz

                        1 Reply Last reply Reply Quote 0
                        • M
                          mpenno last edited by

                          @radiorichter:

                          hallo beisammen, stehe auch vor dem gleichen Problem, gibts mittlerweile eine Lösung? 😉 `

                          Hallo zusammen,

                          bei mir zeigt sich das gleiche Problem auf einem iPAD 3. Wie kann ich das Problem lösen? In welchen Dateien kann ich notfalls manuell Änderungen machen?

                          VG mpenno

                          1 Reply Last reply Reply Quote 0
                          • X
                            xxxspxxx last edited by

                            Hi zusammen,

                            gibt es nicht auch irgendwie eine Möglichkeit beim Slider TAB mit so Pfeilen nach Rechts und links zu scollen um die wieder in eine Zeile zu bekommen?

                            1 Reply Last reply Reply Quote 0
                            • M
                              mpenno last edited by

                              Hallo zusammen,

                              @xxxspxxx:

                              …

                              gibt es nicht auch irgendwie eine Möglichkeit beim Slider TAB mit so Pfeilen nach Rechts und links zu scollen um die wieder in eine Zeile zu bekommen? `

                              Beim herum experiementieren mit der Zeilenlänge, habe ich gesehen, dass die Pfeile zum Scrollen automatisch kommen, wenn die Tab-Liste größer ist, als die Zeile.

                              Ach übrigens der Tipp von Pix hat geklappt:

                              @pix:

                              …

                              Das Widget heißt bei mir w00007 und die Breite ist fälschlicherweise mit 353px (blauer Kasten) im Code angegeben.

                              Ich habe also einfach die Anweisung durch neuen CSS Code 100% (Brauner Kasten) im Reiter CSS übersteuert:

                              #w00007 ul.ui-slider-tabs-list {
                                  width: 100% !important;
                              }
                              

                              … `

                              Die Datei, die ich abändern musste, ist hier zu finden:

                              /docker/iobroker_mount/iobroker-data/files/vis/widgets/tabs/styles/jquery.sliderTabs.css

                              Die abgeänderte Funktion sah dann so aus:

                                  .ui-slider-tabs-list{
                                      padding: 0;
                                      margin: 0 0 0 0;
                                      list-style: none;
                                      width: 100% !important;      <-- Zeile ergänzen
                                  }
                              

                              Anschließend musste ich ioBroker (bzw. den Docker-Container) neustarten. Anderes hatte ich es nicht geschafft, dass die Änderungen wirksam wurden.

                              Hat hier jemand eventuell einen Tipp, wie es ohne Neustart klappt?

                              Viele Grüße

                              1 Reply Last reply Reply Quote 1
                              • X
                                xxxspxxx last edited by

                                @mpenno:

                                Hallo zusammen,

                                @xxxspxxx:

                                …

                                gibt es nicht auch irgendwie eine Möglichkeit beim Slider TAB mit so Pfeilen nach Rechts und links zu scollen um die wieder in eine Zeile zu bekommen? `

                                Beim herum experiementieren mit der Zeilenlänge, habe ich gesehen, dass die Pfeile zum Scrollen automatisch kommen, wenn die Tab-Liste größer ist, als die Zeile. `

                                Hi also welchen Wert genau hast du angepasst? Ich habe gerade mal ein wenig getestet aber irgendwie finde ich nicht den richtigen Wert. Hast du vielleicht ein screenshot?

                                EDIT: Ok ich habe jetzt verstanden du meinst ich muss auch diese datei anpassen und dann kommen die die Pfeile 🙂

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

                                Support us

                                ioBroker
                                Community Adapters
                                Donate

                                593
                                Online

                                32.2k
                                Users

                                80.9k
                                Topics

                                1.3m
                                Posts

                                11
                                15
                                6328
                                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