Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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. jqui-Button: Wie Icon in Inaktiv-Bild verschieben? CSS?

NEWS

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    7
    1
    277

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    9
    1
    255

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    905

jqui-Button: Wie Icon in Inaktiv-Bild verschieben? CSS?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vishow-to
2 Beiträge 2 Kommentatoren 252 Aufrufe 3 Beobachtet
  • Ä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.
  • qqolliQ Offline
    qqolliQ Offline
    qqolli
    schrieb am zuletzt editiert von
    #1

    Hallo zusammen,

    habe ein kleine Problemchen mit dem folgenden Button von jqui:

    jqui-ctrl-icon PushButton / val - Icon Bool:

    b1b39084-0888-46fd-8bca-a0194eb6fd64-image.png

    Da hab ich beim Inactiv-Icon ein Kreis mit einem X drin, soweit so gut. Das Icon ist mir aber ein bisschen zu groß, also mit dem Regler Bildhöhe fix kleiner gemacht:

    3b9ce9db-8a86-41e2-bba9-10c0bbfc5520-image.png

    Aber: Icon nicht mehr mittig :-( Wie kann ich jetzt das Icon in x- und y-Richtung verschieben? Mit CSS vielleicht?

    GlasfaserG 1 Antwort Letzte Antwort
    0
    • qqolliQ qqolli

      Hallo zusammen,

      habe ein kleine Problemchen mit dem folgenden Button von jqui:

      jqui-ctrl-icon PushButton / val - Icon Bool:

      b1b39084-0888-46fd-8bca-a0194eb6fd64-image.png

      Da hab ich beim Inactiv-Icon ein Kreis mit einem X drin, soweit so gut. Das Icon ist mir aber ein bisschen zu groß, also mit dem Regler Bildhöhe fix kleiner gemacht:

      3b9ce9db-8a86-41e2-bba9-10c0bbfc5520-image.png

      Aber: Icon nicht mehr mittig :-( Wie kann ich jetzt das Icon in x- und y-Richtung verschieben? Mit CSS vielleicht?

      GlasfaserG Offline
      GlasfaserG Offline
      Glasfaser
      schrieb am zuletzt editiert von
      #2

      @qqolli sagte in jqui-Button: Wie Icon in Inaktiv-Bild verschieben? CSS?:

      jqui-ctrl-icon PushButton / val - Icon Bool:

      Probier mal damit :

      in Widget CSS

      UiStyle1
      

      in Projekt CSS

      .UiStyle1 .vis-view, .vis-view .ui-widget {
          line-height: 33px !important;    
      }
      

      Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

      1 Antwort Letzte Antwort
      0

      Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

      Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

      Mit deinem Input könnte dieser Beitrag noch besser werden 💗

      Registrieren Anmelden
      Antworten
      • In einem neuen Thema antworten
      Anmelden zum Antworten
      • Älteste zuerst
      • Neuste zuerst
      • Meiste Stimmen


      Support us

      ioBroker
      Community Adapters
      Donate

      261

      Online

      32.8k

      Benutzer

      82.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