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. VIS Button - Hintergrund ändern

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    5
    1
    43

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.4k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.3k

VIS Button - Hintergrund ändern

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
8 Beiträge 2 Kommentatoren 2.3k Aufrufe 3 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.
  • W Offline
    W Offline
    weidlix
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
      0
      • W Offline
        W Offline
        weidlix
        schrieb am zuletzt editiert von
        #3

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

        sigi234S 1 Antwort Letzte Antwort
        0
        • W weidlix

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

          sigi234S Online
          sigi234S Online
          sigi234
          Forum Testing Most Active
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          0
          • sigi234S sigi234

            @weidlix sagte in VIS Button - Hintergrund ändern:

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

            Welches Widget?

            W Offline
            W Offline
            weidlix
            schrieb am zuletzt editiert von
            #5

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

            sigi234S 1 Antwort Letzte Antwort
            0
            • W weidlix

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

              sigi234S Online
              sigi234S Online
              sigi234
              Forum Testing Most Active
              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 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

                  482

                  Online

                  32.5k

                  Benutzer

                  81.7k

                  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