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. SliderTabs Darstellung

NEWS

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

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    11
    1
    554

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.7k

SliderTabs Darstellung

Geplant Angeheftet Gesperrt Verschoben Visualisierung
7 Beiträge 5 Kommentatoren 3.3k Aufrufe 1 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.
  • A Offline
    A Offline
    Ace-k
    schrieb am zuletzt editiert von
    #1

    Moin

    Habe bei mir den das SliderTabs Widget eingebunden .

    Nur leider habe ich einen weißen Rand und die tabs sind schwarz .

    Bekomme es nicht hin zu ändern .

    Kann mir da jemand helfen ?

    Gruß

    1 Antwort Letzte Antwort
    0
    • A Offline
      A Offline
      Ace-k
      schrieb am zuletzt editiert von
      #2

      Hat keiner einen Ansatz dafür ?

      1 Antwort Letzte Antwort
      0
      • A Offline
        A Offline
        Ace-k
        schrieb am zuletzt editiert von
        #3

        Kann mir da wirklich keiner helfen ?!

        Aber man kann das doch bestimmt ändern oder ?

        1 Antwort Letzte Antwort
        0
        • G Offline
          G Offline
          George_Best
          schrieb am zuletzt editiert von
          #4

          ich habe das selbe Problem… Ich habe leider auch keine Lösung...

          1 Antwort Letzte Antwort
          0
          • P Offline
            P Offline
            pix
            schrieb am zuletzt editiert von
            #5

            Hallo,

            ein wenig in den Quellcode der VIS-Seite geschaut und nach Slidertabs gesucht.

            Dort fällt mir auf, das eine CSS-Datei eingebunden wurde````
            widgets/tabs/styles/jquery.sliderTabs.css

            Unter diesem Link auf deinem System zu finden
            

            http://192.XXX.XXX.XXX:8082/vis/widgets/tabs/styles/jquery.sliderTabs.css

            
            Die Datei öffnest du mal mit dem Browser und siehst dort die Festlegung des Slider-Tabs-Designs.
            
            Ich habe einfach mal für eine Klasse die Rahmenbreite ausgeschaltet. Das gab schon ein Ergebnis. ![261_slidertabs.jpg](/assets/uploads/files/261_slidertabs.jpg) 
            Da man nicht diese Datei editieren sollte, kann man CSS-Einstellungen auch im VIS-Editor direkt eingeben. Durch das "!important" überschreiben sie die Einstellungen aus der Datei.
            
            rechts Reiter Eigenschaften/CSS/Project
            

            /* SLIDER TABS NEUE FORMATIERUNGEN /
            .ui-slider-tabs-list li {
            border: none !important; /
            !important ist wichtig*/
            }

            
            Es können auf diese Weise auch die anderen Eigenschaften (Größen, Farben, etc.) geändert werden.
            
            Probiert es mal aus!
            
            Gruß
            
            Pix
            
            EDIT: Wer mehrere Slidertabs im Projekt verwendet und nicht alle ändern will, der setzt einfach die ID des Widgets voran.
            
            >! ````
            #w00747 .ui-slider-tabs-list li {
                border: none !important;
            }
            

            ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

            1 Antwort Letzte Antwort
            0
            • F Offline
              F Offline
              FrY
              schrieb am zuletzt editiert von
              #6

              Du hast die Rahmenbreite des Tabs selbst geändert. Weißt du, welche Einstellung notwendig ist um den Rahmen, in dem die anderen VIS-Seiten erscheinen, "verschwinden" zu lassen?

              1 Antwort Letzte Antwort
              0
              • S Offline
                S Offline
                sectorchan
                schrieb am zuletzt editiert von
                #7

                Ist es möglich die Hintergrund Farbe des Tabs zu ändern? Also eigentlich des des Views.

                1 Antwort Letzte Antwort
                0
                Antworten
                • In einem neuen Thema antworten
                Anmelden zum Antworten
                • Älteste zuerst
                • Neuste zuerst
                • Meiste Stimmen


                Support us

                ioBroker
                Community Adapters
                Donate

                826

                Online

                32.5k

                Benutzer

                81.8k

                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