Diese Website verwendet Cookies und ähnliche Technologien!

Falls Sie die damit nicht einverstanden sind, ändern Sie bitte die Einstellungen Ihres Browsers. Mehr erfahren

Ich bin damit einverstanden

 Wir nutzen Cookies um Ihnen das beste Surferlebnis auf unserer Website bieten zu können.

  • Falls Sie dies bestätigen und fortfahren, ohne Ihre Einstellungen zu ändern, gehen wir davon aus, dass sie einverstanden sind alle Cookies unserer Seite zu erhalten:
  • Falls Sie Ihre Einstellung ändern möchten, so finden Sie eine Anleitung dazu hier.

In diesem Artikel geht es um das einfügen von Icons in die UI. Außerdem haben wir eine Liste der aktuell mindestens verfügbaren Icons erstellt.

Icon für Item definieren

In der *.items definition kann bereits ein Icon für das entsprechende Item hinterlegt werden. Dazu wird der Name des gewünschten Bildchens in spitzen Klammern zwischen Itemname und Gruppenzuweisung eingefügt.

Switch myItem "Itemname" <alarm> (Gruppe)

Je nach State wird von der UI übrigens ein entsprechendes Icon aufgerufen. Dazu sucht die UI nach dem entsprechenden Iconname mit durch ein Bindestrich angehängten Statebezeichnung.
So zeigt ein Switch z.B. das icon switch im undefiniertem Zustand, switch-on bei State 'ON' und switch-off bei State 'OFF'.
Ein Contact Item ruft entsprechend contact, contact-open und contact-closed auf.

Bei Items wie Dimmer, Rollershutter können Icons mit den den Endungen -10, -20, -30 usw. verwendet werden.

Icon in sitemap definieren

Aber auch auf einer Sitemap kann einem Eintrag ein passendes Bildchen verpasst werden. Dazu einfach in der Zeile das Attribut icon=iconname einfügen.
zum Beispiel:

Frame label="Wetter"{
Text item=Outside_Temp icon=temperature
Text item=Outside_Hum icon=humidity
Text item=Outside_QNH icon=pressure
Group item=Wetter label="Weitere Wetterdaten" icon="wind"
}

Classic Iconset

Dies ist eine Übersicht der momentan in der BasicUI mindestens zu Verfügung stehenden Icons des Classic Iconsets.
Den Ordner mit den Orginaldateien findet ihr auf github.com

alarm
attic
baby_1
baby_2
baby_3
baby_4
baby_5
baby_6
bath
battery-0
battery-10
battery-100
battery-20
battery-30
battery-40
battery-50
battery-60
battery-70
battery-80
battery-90
battery
bedroom
bedroom_blue
bedroom_orange
bedroom_red
blinds-0
blinds-10
blinds-100
blinds-20
blinds-30
blinds-40
blinds-50
blinds-60
blinds-70
blinds-80
blinds-90
blinds
bluetooth
boiler_viessmann
boy_1
boy_2
boy_3
boy_4
boy_5
boy_6
calendar
camera
carbondioxide
cellar
chart
cinema
cinemascreen-0
cinemascreen-10
cinemascreen-100
cinemascreen-20
cinemascreen-30
cinemascreen-40
cinemascreen-50
cinemascreen-60
cinemascreen-70
cinemascreen-80
cinemascreen-90
cinemascreen
cistern-0
cistern-10
cistern-100
cistern-20
cistern-30
cistern-40
cistern-50
cistern-60
cistern-70
cistern-80
cistern-90
cistern
climate-on
climate
clock-on
clock
colorlight
colorwheel
contact-ajar
contact-closed
contact-open
contact
corridor
dimmablelight-0
dimmablelight-10
dimmablelight-100
dimmablelight-20
dimmablelight-30
dimmablelight-40
dimmablelight-50
dimmablelight-60
dimmablelight-70
dimmablelight-80
dimmablelight-90
dimmablelight
door-closed
door-open
door
dryer-0
dryer-1
dryer-2
dryer-3
dryer-4
dryer-5
dryer
energy
error
fan
fan_box
fan_ceiling
faucet
fire-off
fire-on
fire
firstfloor
flow
flowpipe
frontdoor-closed
frontdoor-open
frontdoor
garage
garage_detached
garage_detached_selected
garagedoor-0
garagedoor-10
garagedoor-100
garagedoor-20
garagedoor-30
garagedoor-40
garagedoor-50
garagedoor-60
garagedoor-70
garagedoor-80
garagedoor-90
garagedoor-ajar
garagedoor-closed
garagedoor-open
garagedoor
garden
gas
girl_1
girl_2
girl_3
girl_4
girl_5
girl_6
grass
greenhouse
groundfloor
group
heating-0
heating-100
heating-20
heating-40
heating-60
heating-80
heating-off
heating-on
heating
house
humidity-0
humidity-10
humidity-100
humidity-20
humidity-30
humidity-40
humidity-50
humidity-60
humidity-70
humidity-80
humidity-90
humidity
incline
keyring
kitchen
light-off
light-on
light
line-decline
line-incline
line-stagnation
line
lock-closed
lock-open
lock
man_1
man_2
man_3
man_4
man_5
man_6
microphone
moon
motion
movecontrol
network-off
network-on
network
niveau
none
office
oil
outdoorlight
pantry
parents-off
parents_1_1
parents_1_2
parents_1_3
parents_1_4
parents_1_5
parents_1_6
parents_2_1
parents_2_2
parents_2_3
parents_2_4
parents_2_5
parents_2_6
parents_3_1
parents_3_2
parents_3_3
parents_3_4
parents_3_5
parents_3_6
parents_4_1
parents_4_2
parents_4_3
parents_4_4
parents_4_5
parents_4_6
parents_5_1
parents_5_2
parents_5_3
parents_5_4
parents_5_5
parents_5_6
parents_6_1
parents_6_2
parents_6_3
parents_6_4
parents_6_5
parents_6_6
party
pie
piggybank
player
poweroutlet-au
poweroutlet-eu
poweroutlet-off
poweroutlet-on
poweroutlet-uk
poweroutlet-us
poweroutlet
present-off
present
pressure
projector_benq
pump
qualityofservice-0
qualityofservice-1
qualityofservice-2
qualityofservice-3
qualityofservice-4
qualityofservice
radiator
rain
receiver-off
receiver-on
receiver
recorder
returnpipe
rgb
rollershutter-0
rollershutter-10
rollershutter-100
rollershutter-20
rollershutter-30
rollershutter-40
rollershutter-50
rollershutter-60
rollershutter-70
rollershutter-80
rollershutter-90
rollershutter
settings
sewerage-0
sewerage-10
sewerage-100
sewerage-20
sewerage-30
sewerage-40
sewerage-50
sewerage-60
sewerage-70
sewerage-80
sewerage-90
sewerage
shield-0
shield-1
shield
signal-0
signal-1
signal-2
signal-3
signal-4
signal
siren-off
siren-on
siren
slider-0
slider-10
slider-100
slider-20
slider-30
slider-40
slider-50
slider-60
slider-70
slider-80
slider-90
slider
smiley
smoke
sofa
softener
solarplant
soundvolume-0
soundvolume-100
soundvolume-33
soundvolume-66
soundvolume
soundvolume_mute
status
suitcase
sun
sun_clouds
sunrise
sunset
switch-off
switch-on
switch
television-off
television-on
television
temperature
temperature_cold
temperature_hot
terrace
text
toilet
vacation
video
wallswitch-off
wallswitch-on
wallswitch
wardrobe
washingmachine
washingmachine_2-0
washingmachine_2-1
washingmachine_2-2
washingmachine_2-3
washingmachine_2
water
wind
window-ajar
window-closed
window-open
window
woman_1
woman_2
woman_3
woman_4
woman_5
woman_6
zoom

Kommentar schreiben

Sicherheitscode
Aktualisieren