Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. VIS Button - Hintergrund ändern

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    13
    1
    148

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.3k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

VIS Button - Hintergrund ändern

Scheduled Pinned Locked Moved Visualisierung
vis
8 Posts 2 Posters 2.4k Views 3 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • W Offline
    W Offline
    weidlix
    wrote on last edited by
    #1

    Hallo,
    ich versuche gerade die Hintergrundfarbe meines VIS Buttons zu ändern und scheitere kläglich. Jemand ne Idee was ich falsch mache. JQuery Style habe ich ausgeschaltet.
    Habe auch versucht das im CSS zu ändern/überschreiben. Hat aber auch nicht funktioniert.
    7e033870-40b3-4dcf-a6af-5c912589a72b-image.png

    sigi234S 1 Reply Last reply
    0
    • W weidlix

      Hallo,
      ich versuche gerade die Hintergrundfarbe meines VIS Buttons zu ändern und scheitere kläglich. Jemand ne Idee was ich falsch mache. JQuery Style habe ich ausgeschaltet.
      Habe auch versucht das im CSS zu ändern/überschreiben. Hat aber auch nicht funktioniert.
      7e033870-40b3-4dcf-a6af-5c912589a72b-image.png

      sigi234S Online
      sigi234S Online
      sigi234
      Forum Testing Most Active
      wrote on last edited by sigi234
      #2

      @weidlix
      Welches Widget hast du denn genommen.
      Schau mal unter View Thema.

      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
      Immer Daten sichern!

      1 Reply Last reply
      0
      • W Offline
        W Offline
        weidlix
        wrote on last edited by
        #3

        28343cfe-2142-4766-84fd-ee2229096528-image.png

        sigi234S 1 Reply Last reply
        0
        • W weidlix

          28343cfe-2142-4766-84fd-ee2229096528-image.png

          sigi234S Online
          sigi234S Online
          sigi234
          Forum Testing Most Active
          wrote on last edited by
          #4

          @weidlix sagte in VIS Button - Hintergrund ändern:

          28343cfe-2142-4766-84fd-ee2229096528-image.png

          Welches Widget?

          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
          Immer Daten sichern!

          W 1 Reply Last reply
          0
          • sigi234S sigi234

            @weidlix sagte in VIS Button - Hintergrund ändern:

            28343cfe-2142-4766-84fd-ee2229096528-image.png

            Welches Widget?

            W Offline
            W Offline
            weidlix
            wrote on last edited by
            #5

            @sigi234 : Sorry vergessen ... Das Widget ist jqui - Button State

            sigi234S 1 Reply Last reply
            0
            • W weidlix

              @sigi234 : Sorry vergessen ... Das Widget ist jqui - Button State

              sigi234S Online
              sigi234S Online
              sigi234
              Forum Testing Most Active
              wrote on last edited by sigi234
              #6

              @weidlix sagte in VIS Button - Hintergrund ändern:

              @sigi234 : Sorry vergessen ... Das Widget ist jqui - Button State

              In Reiter CSS kopieren und beim Widget unter Generell CSS Klasse : mybuttonstyle

              .mybuttonstyle .ui-button {
              background: linear-gradient(0deg, #f50000 15%, #f50000 50%,#f50000 85%) !important;
              color: #000000 !important;
              padding-top: 0px !important;
              padding-left:0px !important;
              font-size: 25px !important;
              text-align: center !important; 
              }
               
              .mybuttonstyle .ui-button-text{
                  padding-left: 0px !important;
                  padding-right:0px !important;
                  color: #ffffff !important;
                  text-align: center !important;
              }
               
              .myhomestyle .ui-state-hover  {
              background : #7f0500 !important;
              }
               
              .myhomestyle .ui-state-active {
              background: #7f0500 !important;
              }
              

              An deine Bedürfnisse anpassen.
              Edit!

              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
              Immer Daten sichern!

              W 1 Reply Last reply
              0
              • sigi234S sigi234

                @weidlix sagte in VIS Button - Hintergrund ändern:

                @sigi234 : Sorry vergessen ... Das Widget ist jqui - Button State

                In Reiter CSS kopieren und beim Widget unter Generell CSS Klasse : mybuttonstyle

                .mybuttonstyle .ui-button {
                background: linear-gradient(0deg, #f50000 15%, #f50000 50%,#f50000 85%) !important;
                color: #000000 !important;
                padding-top: 0px !important;
                padding-left:0px !important;
                font-size: 25px !important;
                text-align: center !important; 
                }
                 
                .mybuttonstyle .ui-button-text{
                    padding-left: 0px !important;
                    padding-right:0px !important;
                    color: #ffffff !important;
                    text-align: center !important;
                }
                 
                .myhomestyle .ui-state-hover  {
                background : #7f0500 !important;
                }
                 
                .myhomestyle .ui-state-active {
                background: #7f0500 !important;
                }
                

                An deine Bedürfnisse anpassen.
                Edit!

                W Offline
                W Offline
                weidlix
                wrote on last edited by
                #7

                @sigi234

                Wenn ich im Debugger bin scheint es zu funktionieren:
                0f66b74c-d347-440f-a5d1-b31090df0910-image.png

                Schließe ich aber den Debugger dann gehts nicht. Sieht so aus als ob es dann auf die Eingabefelder angewandt wird
                0becf6e7-9714-41bb-8b0f-dc6f168f7078-image.png

                Total strange

                sigi234S 1 Reply Last reply
                0
                • W weidlix

                  @sigi234

                  Wenn ich im Debugger bin scheint es zu funktionieren:
                  0f66b74c-d347-440f-a5d1-b31090df0910-image.png

                  Schließe ich aber den Debugger dann gehts nicht. Sieht so aus als ob es dann auf die Eingabefelder angewandt wird
                  0becf6e7-9714-41bb-8b0f-dc6f168f7078-image.png

                  Total strange

                  sigi234S Online
                  sigi234S Online
                  sigi234
                  Forum Testing Most Active
                  wrote on last edited by
                  #8

                  @weidlix

                  Kennst du

                  https://forum.iobroker.net/topic/31009/test-adapter-vis-inventwo-v1-0-x

                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                  Immer Daten sichern!

                  1 Reply Last reply
                  0
                  Reply
                  • Reply as topic
                  Log in to reply
                  • Oldest to Newest
                  • Newest to Oldest
                  • Most Votes


                  Support us

                  ioBroker
                  Community Adapters
                  Donate

                  342

                  Online

                  32.7k

                  Users

                  82.4k

                  Topics

                  1.3m

                  Posts
                  Community
                  Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                  ioBroker Community 2014-2025
                  logo
                  • Login

                  • Don't have an account? Register

                  • Login or register to search.
                  • First post
                    Last post
                  0
                  • Home
                  • Recent
                  • Tags
                  • Unread 0
                  • Categories
                  • Unreplied
                  • Popular
                  • GitHub
                  • Docu
                  • Hilfe