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. ioBroker Allgemein
  4. Habpanel Shutter Widget / Aussehen verändern?

NEWS

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

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

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

Habpanel Shutter Widget / Aussehen verändern?

Geplant Angeheftet Gesperrt Verschoben ioBroker Allgemein
habpanel customwidget
1 Beiträge 1 Kommentatoren 589 Aufrufe 1 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.
  • F Offline
    F Offline
    fisch
    schrieb am zuletzt editiert von fisch
    #1

    Hallo zusammen,

    kann mir jemand helfen..und zwar habe ich ein Custom Widget. Allerdings steht der Name "Küchenfenster" links der Buttons. Ich hätte das gerne oben drüber zentriert. Kann mir da jemand behilflich sein? Ich bekomm es nicht hin :-(

    Hier mal mein Code... Es wäre super, wenn mir jemand auf die Sprünge helfen könnte :-)

    <style>
    div.shutterWidget {
    border: 1px solid white;
    border-radius: 15px;
    display: flex;
    position: absolute;
    background-color: initial;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    align-items: center;
    }
      
      div.shutterWidget div {
        border: px solid white;
        width: 100%;
        text-align: center;
        align-items: center;
        background-color: inherit;
        display: flex;
        justify-content: center;
        font-size: 1em;
    
    }
     
    div.shutterWidget button {
        border: 0px solid white;
        background: rgba(0, 0, 0, 0.5);
        color: white;
        height: 1.5em;
        width: 1.5em;
        float: left;
        font-size: 3em;
        margin-right: 12px;
        
        padding: 0 0 0 0;
    }
     
    div.shutterWidget span {
        border: 0px solid white;
        width: 100%;
        height: 75%;
        align-items: center;
        display: flex;
        padding-right: 12px;
    }
      </style>
    <div class="shutterWidget">
    <div> {{ngModel.name}}</div>
    <span>
    <button ng-click="sendCmd('homee.0.ElectricMotorMeteringSwitch-9.UpDown-100', '0')"> <i class="glyphicon glyphicon-menu-up"></i> </button>
    <button ng-click="sendCmd('homee.0.ElectricMotorMeteringSwitch-9.UpDown-100', '2')">
    <widget-icon iconset="'eclipse-smarthome-classic'" icon="'blinds'" size="45"
    state="itemValue(config.blind_item)" />
      
      </button>
        <button style="margin-right: 0" ng-click="sendCmd('homee.0.ElectricMotorMeteringSwitch-9.UpDown-100', '1')"> <i class="glyphicon glyphicon-menu-down"></i>    </button>
    </span>
      
      
      
    
    
    

    Bildschirmfoto 2020-05-15 um 10.36.54.png

    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
    FAQ Cloud / IOT
    HowTo: Node.js-Update
    HowTo: Backup/Restore
    Downloads
    BLOG

    733

    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