Slider TAB

[olga]

Hallo, ich habe SliderTAB schon sehr lange im Einsatz. Jetzt hat sich die Darstellung nach einem Neustart meines Tablets geändert. Bislang hatte ich 6 Tabs nebeneinander, jetzt gibt es eine Art Zeilenumbruch, bedeutet das 6te TAB wurde unterhalb der anderen 5 TABs plaziert. Es ist genügend Platz in der ersten Zeile. Selbst eine Neuanlage des Widgets führt zu dem Fehlerhaften Verhalten. Ein Bild ist im Anhang.

Gruß Michael
1141_unbenannt.png

[webseb79]

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

[robsdobs]

Das Problem besteht immer noch:

Kann man dagegen etwas tun oder diese Funktionalität mit einem anderen Widget nachbilden?

[pix]

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

Gruß

Pix

[robsdobs]

Hab ich mal probiert, bringt keine Besserung.

[pix]

Habe mir das mal angesehen und konnte den Fehler reproduzieren.

Da wird eine Breite falsch gesetzt:

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

[Harry-IO-HM]

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

[radiorichter]

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

[murphy]

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

[thexbrain]

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

[nukleuz]

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

[mpenno]

@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

[xxxspxxx]

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?

[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.

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

[xxxspxxx]

@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