Navigation

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

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    SliderTabs Darstellung

    This topic has been deleted. Only users with topic management privileges can see it.
    • A
      Ace-k last edited by

      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 Reply Last reply Reply Quote 0
      • A
        Ace-k last edited by

        Hat keiner einen Ansatz dafür ?

        1 Reply Last reply Reply Quote 0
        • A
          Ace-k last edited by

          Kann mir da wirklich keiner helfen ?!

          Aber man kann das doch bestimmt ändern oder ?

          1 Reply Last reply Reply Quote 0
          • G
            George_Best last edited by

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

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

              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;
              }
              
              1 Reply Last reply Reply Quote 0
              • F
                FrY last edited by

                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 Reply Last reply Reply Quote 0
                • S
                  sectorchan last edited by

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

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

                  Support us

                  ioBroker
                  Community Adapters
                  Donate

                  857
                  Online

                  31.9k
                  Users

                  80.2k
                  Topics

                  1.3m
                  Posts

                  5
                  7
                  3105
                  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