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. Durchsichtiger / Transparenter Button

NEWS

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.3k

Durchsichtiger / Transparenter Button

Geplant Angeheftet Gesperrt Verschoben Visualisierung
4 Beiträge 4 Kommentatoren 257 Aufrufe 4 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.
  • EnduranceE Offline
    EnduranceE Offline
    Endurance
    schrieb am zuletzt editiert von Endurance
    #1

    Hallo

    Versuche einen durchsichtigen Button zu erstellen. Ich will im folgenden Beispiel auf das Feld Wohnzimmer drücken können, ohne dass man es sieht, der Hintergrund sollte sich nicht verändern.
    Aktuell sieht es so aus:
    Ruhezustand:
    98c30059-e08d-497a-90cc-e40752cee534-image.png

    Wenn ich mit der Maus drüber gehe, bzw. gedrückt habe, und der Curser auf dem Feld bleibt:
    70bf2ff5-79a3-477b-9877-d58fce301d4e-image.png

    wenn ich dann klicke:
    d3a86457-1419-46b7-b737-aee075a54bf8-image.png

    Ich will also den Rand aus Bild 1 weg haben, und den Farbwechsel beim Mousover, beim Klicken kann der Button ruhig kurz die Farbe ändern, dann merkt man dass man gedrückt hat.

    So was ähnliches habe ich schon, nur mit dem falschen Button Typ:
    6f16688e-6f53-471d-b464-f2af12607542-image.png
    Das hier ist ein Schalter, das andere sollte nur ein Taster sein.

    DJMarc75D BananaJoeB Ro75R 3 Antworten Letzte Antwort
    0
    • EnduranceE Endurance

      Hallo

      Versuche einen durchsichtigen Button zu erstellen. Ich will im folgenden Beispiel auf das Feld Wohnzimmer drücken können, ohne dass man es sieht, der Hintergrund sollte sich nicht verändern.
      Aktuell sieht es so aus:
      Ruhezustand:
      98c30059-e08d-497a-90cc-e40752cee534-image.png

      Wenn ich mit der Maus drüber gehe, bzw. gedrückt habe, und der Curser auf dem Feld bleibt:
      70bf2ff5-79a3-477b-9877-d58fce301d4e-image.png

      wenn ich dann klicke:
      d3a86457-1419-46b7-b737-aee075a54bf8-image.png

      Ich will also den Rand aus Bild 1 weg haben, und den Farbwechsel beim Mousover, beim Klicken kann der Button ruhig kurz die Farbe ändern, dann merkt man dass man gedrückt hat.

      So was ähnliches habe ich schon, nur mit dem falschen Button Typ:
      6f16688e-6f53-471d-b464-f2af12607542-image.png
      Das hier ist ein Schalter, das andere sollte nur ein Taster sein.

      DJMarc75D Offline
      DJMarc75D Offline
      DJMarc75
      schrieb am zuletzt editiert von
      #2

      @endurance und welches Widget verwendest Du?
      Bitte in Zukunft immer alle Infos im Startbeitrag liefern - Zeug aus der Nase ziehen verlängert unnötig den jeweiligen Beitrag !

      Lehrling seit 1975 !!!
      Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
      https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

      1 Antwort Letzte Antwort
      0
      • EnduranceE Endurance

        Hallo

        Versuche einen durchsichtigen Button zu erstellen. Ich will im folgenden Beispiel auf das Feld Wohnzimmer drücken können, ohne dass man es sieht, der Hintergrund sollte sich nicht verändern.
        Aktuell sieht es so aus:
        Ruhezustand:
        98c30059-e08d-497a-90cc-e40752cee534-image.png

        Wenn ich mit der Maus drüber gehe, bzw. gedrückt habe, und der Curser auf dem Feld bleibt:
        70bf2ff5-79a3-477b-9877-d58fce301d4e-image.png

        wenn ich dann klicke:
        d3a86457-1419-46b7-b737-aee075a54bf8-image.png

        Ich will also den Rand aus Bild 1 weg haben, und den Farbwechsel beim Mousover, beim Klicken kann der Button ruhig kurz die Farbe ändern, dann merkt man dass man gedrückt hat.

        So was ähnliches habe ich schon, nur mit dem falschen Button Typ:
        6f16688e-6f53-471d-b464-f2af12607542-image.png
        Das hier ist ein Schalter, das andere sollte nur ein Taster sein.

        BananaJoeB Offline
        BananaJoeB Offline
        BananaJoe
        Most Active
        schrieb am zuletzt editiert von BananaJoe
        #3

        @endurance zum einen schließe ich mich @DJMarc75 an: um welches Widget geht es?

        Ansonsten: Überall in Widgets wo man eine Farbe angeben kann, z.B. rot:

        #FF0000
        

        kann man auch statt dessen rgb()verwenden (mit Dezimalzahlen von 0 bis 255 statt 00 bis FF)

        rgb(255,0,0,1)
        

        Die letzte Zahl, hier 1 steht für Transparenz. steht dort eine 0 ist es ganz durchsichtig, ansonsten Werte von 0 bis 1 (z.B. 0.55), Punkt statt Komma!

        d7211f71-dcc2-40a2-876f-df4e91f473ee-image.png

        ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

        1 Antwort Letzte Antwort
        0
        • EnduranceE Endurance

          Hallo

          Versuche einen durchsichtigen Button zu erstellen. Ich will im folgenden Beispiel auf das Feld Wohnzimmer drücken können, ohne dass man es sieht, der Hintergrund sollte sich nicht verändern.
          Aktuell sieht es so aus:
          Ruhezustand:
          98c30059-e08d-497a-90cc-e40752cee534-image.png

          Wenn ich mit der Maus drüber gehe, bzw. gedrückt habe, und der Curser auf dem Feld bleibt:
          70bf2ff5-79a3-477b-9877-d58fce301d4e-image.png

          wenn ich dann klicke:
          d3a86457-1419-46b7-b737-aee075a54bf8-image.png

          Ich will also den Rand aus Bild 1 weg haben, und den Farbwechsel beim Mousover, beim Klicken kann der Button ruhig kurz die Farbe ändern, dann merkt man dass man gedrückt hat.

          So was ähnliches habe ich schon, nur mit dem falschen Button Typ:
          6f16688e-6f53-471d-b464-f2af12607542-image.png
          Das hier ist ein Schalter, das andere sollte nur ein Taster sein.

          Ro75R Offline
          Ro75R Offline
          Ro75
          schrieb am zuletzt editiert von
          #4

          @endurance Ich verwende "transparent" als Wert (ohne "").

          SERVER = Beelink U59 16GB DDR4 RAM 512GB SSD, FB 7490, FritzDect 200+301+440, ConBee II, Zigbee Aqara Sensoren + NOUS A1Z, NOUS A1T, Philips Hue ** ioBroker, REDIS, influxdb2, Grafana, PiHole, Plex-Mediaserver, paperless-ngx (Docker), MariaDB + phpmyadmin *** VIS-Runtime = Intel NUC 8GB RAM 128GB SSD + 24" Touchscreen

          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

          853

          Online

          32.4k

          Benutzer

          81.5k

          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