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. Materialdesign Toggle Button Bild Position

NEWS

  • wichtiges UPDATE für controller 7.2.2 im stable
    HomoranH
    Homoran
    10
    1
    1.9k

  • Neues YouTube-Video: Visualisierung im Devices-Adapter
    BluefoxB
    Bluefox
    16
    1
    3.8k

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    3.5k

Materialdesign Toggle Button Bild Position

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
4 Beiträge 3 Kommentatoren 467 Aufrufe 2 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.
  • D Nicht stören
    D Nicht stören
    Darkmann2000
    schrieb am zuletzt editiert von
    #1

    Hallo,

    ist es irgendwie möglich bei dem Materialdesign Toggle Button die Bildposition auf links zu stellen? Zur Auswahl stehen nur oben und unten.

    Vielen Dank im Voraus.

    Lieben Gruß

    [{"tpl":"tplVis-materialdesign-Button-Toggle-vertical","data":{"oid":"hm-rega.0.5985","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","toggleType":"boolean","stateIfNotTrueValue":"on","vibrateOnMobilDevices":"49","iconPosition":"top","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockFilterGrayscale":"30","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"image":"/icons-open-icon-library-png/status/security-low-2.png","imageTrue":"/icons-open-icon-library-png/status/security-high-2.png","iconHeight":"40","imageColor":"","class":"mdui-blue-pulse ","colorBgFalse":"#1e1e1f","colorPress":"","colorBgTrue":"green","lockIconSize":"-4","exportData":"true","buttontext":"Deaktiviert","labelTrue":"Aktiviert","labelColorFalse":"grey","labelColorTrue":"grey"},"style":{"left":"1140px","top":"801px","width":"135px","height":"60px","font-size":"medium"},"widgetSet":"materialdesign"}]
    

    button.JPG

    Unbenannt.JPG

    O 1 Antwort Letzte Antwort
    0
    • D Darkmann2000

      Hallo,

      ist es irgendwie möglich bei dem Materialdesign Toggle Button die Bildposition auf links zu stellen? Zur Auswahl stehen nur oben und unten.

      Vielen Dank im Voraus.

      Lieben Gruß

      [{"tpl":"tplVis-materialdesign-Button-Toggle-vertical","data":{"oid":"hm-rega.0.5985","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","toggleType":"boolean","stateIfNotTrueValue":"on","vibrateOnMobilDevices":"49","iconPosition":"top","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockFilterGrayscale":"30","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"image":"/icons-open-icon-library-png/status/security-low-2.png","imageTrue":"/icons-open-icon-library-png/status/security-high-2.png","iconHeight":"40","imageColor":"","class":"mdui-blue-pulse ","colorBgFalse":"#1e1e1f","colorPress":"","colorBgTrue":"green","lockIconSize":"-4","exportData":"true","buttontext":"Deaktiviert","labelTrue":"Aktiviert","labelColorFalse":"grey","labelColorTrue":"grey"},"style":{"left":"1140px","top":"801px","width":"135px","height":"60px","font-size":"medium"},"widgetSet":"materialdesign"}]
      

      button.JPG

      Unbenannt.JPG

      O Online
      O Online
      Oli
      schrieb am zuletzt editiert von
      #2

      @Darkmann2000
      Du hast den vertikal Button ausgewählt, da gibt es auch noch einen anderen, da kannst du die Bilder links oder rechts anordnen

      Gruß
      Oliver

      GlasfaserG 1 Antwort Letzte Antwort
      0
      • O Oli

        @Darkmann2000
        Du hast den vertikal Button ausgewählt, da gibt es auch noch einen anderen, da kannst du die Bilder links oder rechts anordnen

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

        @Darkmann2000

        1.JPG

        Widget:

        [{"tpl":"tplVis-materialdesign-Button-Toggle","data":{"oid":"hm-rega.0.5985","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","toggleType":"boolean","stateIfNotTrueValue":"on","vibrateOnMobilDevices":"49","iconPosition":"left","autoLockAfter":"10","lockFilterGrayscale":"30","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"readOnly":false,"valueOn":"","valueOff":"","imageTrueColor":"","image":"/icons-open-icon-library-png/status/security-low-2.png","imageTrue":"/icons-open-icon-library-png/status/security-high-2.png","buttontext":"Deaktiviert","labelColorFalse":"grey","iconHeight":"40","labelWidth":"59","imageColor":"","name":"","class":"mdui-blue-pulse ","labelTrue":"Aktiviert","labelColorTrue":"grey","colorBgFalse":"#1e1e1f","colorBgTrue":"green","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false},"style":{"left":"68px","top":"103px","z-index":"100","width":"135px","height":"60px","border-color":"","border-radius":"","font-family":"","font-style":"","font-variant":"","font-size":"medium","text-align":"","line-height":"","background":"#1e1e1f"},"widgetSet":"materialdesign"}]
        

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

        D 1 Antwort Letzte Antwort
        0
        • GlasfaserG Glasfaser

          @Darkmann2000

          1.JPG

          Widget:

          [{"tpl":"tplVis-materialdesign-Button-Toggle","data":{"oid":"hm-rega.0.5985","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","toggleType":"boolean","stateIfNotTrueValue":"on","vibrateOnMobilDevices":"49","iconPosition":"left","autoLockAfter":"10","lockFilterGrayscale":"30","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"readOnly":false,"valueOn":"","valueOff":"","imageTrueColor":"","image":"/icons-open-icon-library-png/status/security-low-2.png","imageTrue":"/icons-open-icon-library-png/status/security-high-2.png","buttontext":"Deaktiviert","labelColorFalse":"grey","iconHeight":"40","labelWidth":"59","imageColor":"","name":"","class":"mdui-blue-pulse ","labelTrue":"Aktiviert","labelColorTrue":"grey","colorBgFalse":"#1e1e1f","colorBgTrue":"green","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false},"style":{"left":"68px","top":"103px","z-index":"100","width":"135px","height":"60px","border-color":"","border-radius":"","font-family":"","font-style":"","font-variant":"","font-size":"medium","text-align":"","line-height":"","background":"#1e1e1f"},"widgetSet":"materialdesign"}]
          

          D Nicht stören
          D Nicht stören
          Darkmann2000
          schrieb am zuletzt editiert von
          #4

          Vielen lieben Dank euch beiden.

          Wer lesen kann, ist klar im Vorteil 😀

          Lieben Gruß

          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

          702

          Online

          33.0k

          Benutzer

          83.3k

          Themen

          1.3m

          Beiträge
          Community
          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
          ioBroker Community 2014-2026
          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