UPGRADE IP 9 verfügbar!
Timberwolf VISU jetzt mit NEUEM Layout Editor
Freie Anordnung, Reihenfolge und Größe der Widgets - viele weitere Verbesserungen
Infos im Wiki: https://elabnet.atlassian.net/l/cp/06SeuHRJ

NEU! Insider & Leistungsmerkmale FÜR ALLE freigeschaltet
Damit kann nun jeder das Upgrade vornehmen und VISU & IFTTT testen. Alle Info hier: viewtopic.php?f=8&t=5074

[DISKUSSION] Zeigt her eure Visus!

Rund um die CometVisu im Timberwolf Server

adimaster
Reactions:
Beiträge: 375
Registriert: So Apr 14, 2019 11:12 am
Hat sich bedankt: 203 Mal
Danksagung erhalten: 198 Mal

#11

Beitrag von adimaster »

Sensej hat geschrieben: Sa Mär 19, 2022 8:01 am eigene Styles in der benutzerdefinierten CSS-Datei
Hast Du ein kleines Bsp. dazu?
Grüße, Adi
TWS 2600 ID: 331, VPN geschlossen, Reboot nach Rücksprache

Ersteller
Sensej
Reactions:
Beiträge: 901
Registriert: So Aug 12, 2018 9:12 am
Hat sich bedankt: 112 Mal
Danksagung erhalten: 240 Mal

#12

Beitrag von Sensej »

adimaster hat geschrieben: Sa Apr 16, 2022 10:35 am Hast Du ein kleines Bsp. dazu?
Hi Adi,
ich versuche es am WE oder nächste Woche ein kleines Beispiel zu erstellen

MfG Juri
TWS 2400 ID: 69 + PBM ID: 728 + TP-UART, VPN offen, Reboot erlaubt

Ersteller
Sensej
Reactions:
Beiträge: 901
Registriert: So Aug 12, 2018 9:12 am
Hat sich bedankt: 112 Mal
Danksagung erhalten: 240 Mal

#13

Beitrag von Sensej »

Hallo zusammen,
hier ist ein kleines Beispiel.
Die Positionierung des Labels muss noch irgendwie auf "center" geändert werden, habe ich noch nicht geschafft.
Für Verbesserungsvorschläge bin offen :)

2022-04-30 19_01_59-Window.jpg
Template für die Schaltfläche

Code: Alles auswählen

<template name="Templ_Zentral">
        <group nowidget="true">
            <layout colspan="1"/>
            <trigger value="{{ val }}" mapping="{{ mapping }}" align="center">
                <layout colspan="1"/>
                <label/>
                <address transform="DPT:1.001" mode="write">{{ address }}</address>
            </trigger>
             <text align="center">
              <layout colspan="1"/>
              <label>{{ name }}</label>
            </text>
          </group>
      </template>
Gruppe "Zentral-Beleuchtung" mit der Funktion "Alles AUS"

Code: Alles auswählen

<group nowidget="true" class="zentral">
        <layout colspan="4"/>
         <group name="Zentral-Beleuchtung" nowidget="true">
           <layout colspan="4"/>
            <template name="Templ_Zentral">
           <value name="mapping">Zentral_Licht</value>
           <value name="val">0</value>
           <value name="address">0/0/0</value>
           <value name="name">Alles AUS</value>
           </template>
         </group>
	</group>

Mapping "Zentral_Licht"

Code: Alles auswählen

<mapping name="Zentral_Licht">
        <entry value="0">
          <icon name="light_light" color="#f9b234"/>
        </entry>
        <entry value="1">
          <icon name="light_light_dim_100"/>
        </entry>
      </mapping>

CSS-Style der Klasse "zentral"

Code: Alles auswählen

/*
 * Zentralle Funktionen
 */

.custom_zentral .icon {
  background-color: #343434;
  border-radius: 100%;
  padding: 0.2em;
  height: 2.6em;
  width: 2.6em;

}

.custom_zentral .switchPressed 
{
    border-style: none;
    background: none;
}

.custom_zentral .text > div 
{
  line-height: 1.5em;
  font-size: 0.7em;
}

.custom_zentral .text 
{
  border-radius: 0 0 7px 7px;
}

MfG Juri
Du hast keine ausreichende Berechtigung, um die Dateianhänge dieses Beitrags anzusehen.
TWS 2400 ID: 69 + PBM ID: 728 + TP-UART, VPN offen, Reboot erlaubt
Antworten

Zurück zu „CometVisu“