Navigation

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

    NEWS

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    Slider TAB

    This topic has been deleted. Only users with topic management privileges can see it.
    • 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

                              898
                              Online

                              32.0k
                              Users

                              80.5k
                              Topics

                              1.3m
                              Posts

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