Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[skiworker]

Hallo,

ich stehe noch ganz am Anfang, was iobroker angeht. Ich habe bisher mein Smarthome mit Openhab umgesetzt. Da mir aber die Visualisierung (VIS) von iobroker wesentlich besser gefällt, bin ich dabei auf iobroker umzusteigen. Ich habe im Vorfeld viel von Material Design Widget gelesen, was man hiermit alles umsetzen könnte. Nun bin ich dabei die ersten Schritte in der Visualisierung zu machen. Die ersten Versuche haben (ohne Material Design Widget) sind auch gelungen.
Nun wollte ich mich an den ersten Versuchen mit Material Design Widget wagen, allerdings bin ich hier ziemlich schnell auf das erste Problem gestoßen. Ich habe habe die beiden erforderlichen Adapter (vis-material-design und vis-material-webfont) installiert. Das Material Design Widget ist im VIS-Editor auch zu sehen. Nun habe ich testhalber mal ein Icon-Button-Toogle Widget erstellen wollen, allerdings kam hier das erste Problem zum Vorschein:

Es ist mir nicht möglich ein Bild (Icon) oder das Imagetrue - Icon auszuwählen, da das Dropdown - Feld bei beiden fehlt.

Könnt Ihr mir hier vielleicht weiter helfen?

Grüße
skiworker

[skiworker]

@skiworker said in Material Design Widget: Auswahl Icon bzw. Bild nicht möglich:

Hallo,

ich stehe noch ganz am Anfang, was iobroker angeht. Ich habe bisher mein Smarthome mit Openhab umgesetzt. Da mir aber die Visualisierung (VIS) von iobroker wesentlich besser gefällt, bin ich dabei auf iobroker umzusteigen. Ich habe im Vorfeld viel von Material Design Widget gelesen, was man hiermit alles umsetzen könnte. Nun bin ich dabei die ersten Schritte in der Visualisierung zu machen. Die ersten Versuche haben (ohne Material Design Widget) sind auch gelungen.
Nun wollte ich mich an den ersten Versuchen mit Material Design Widget wagen, allerdings bin ich hier ziemlich schnell auf das erste Problem gestoßen. Ich habe habe die beiden erforderlichen Adapter (vis-material-design und vis-material-webfont) installiert. Das Material Design Widget ist im VIS-Editor auch zu sehen. Nun habe ich testhalber mal ein Icon-Button-Toggle Widget erstellen wollen, allerdings kam hier das erste Problem zum Vorschein:

Es ist mir nicht möglich ein Bild (Icon) oder das Imagetrue - Icon auszuwählen, da das Dropdown - Feld bei beiden fehlt.

Könnt Ihr mir hier vielleicht weiter helfen?

Grüße
skiworker

[sigi234]

@skiworker

Welche Version?

[skiworker]

@sigi234

da bei mir im Standart die Repository auf Beta (latest) steht, habe ich beide Adapter in der aktuellsten Version herunter geladen.

Material Design Widget: 0.5.9
Material Design Webfont: 0.0.3

Dennis@RPI-iobroker:~ $ iob info
Platform       : linux
os             : linux
Architecture   : arm64
CPUs           : 4
Speed          : 1800 MHz
Model          : Cortex-A72
RAM            : 7.6 GB
System uptime  : 11d. 12:31:34
Node.js        : v16.19.1
time           : 1682317112233
timeOffset     : -120
adapters count : 563
NPM            : v9.6.5
Disk size      : 29.0 GiB
Disk free      : 24.6 GiB

Dennis@RPI-iobroker:~ $ iob update
Used repository: beta
Adapter    "admin"        : 6.4.3    , installed 6.4.3
Adapter    "alexa-timer-vis": 0.1.14 , installed 0.1.14
Adapter    "alexa2"       : 3.23.2   , installed 3.23.2
Adapter    "alias-manager": 1.2.6    , installed 1.2.6
Adapter    "backitup"     : 2.6.19   , installed 2.6.19
Adapter    "countdown"    : 1.3.0    , installed 1.3.0
Adapter    "daswetter"    : 3.1.8    , installed 3.1.8
Adapter    "discovery"    : 3.1.0    , installed 3.1.0
Adapter    "dwd"          : 2.8.3    , installed 2.8.3
Adapter    "feiertage"    : 1.1.0    , installed 1.1.0
Adapter    "fritzdect"    : 2.3.1    , installed 2.3.1
Adapter    "hm-rega"      : 3.0.46   , installed 3.0.46
Adapter    "hm-rpc"       : 1.15.16  , installed 1.15.16
Adapter    "icons-addictive-flavour-png": 0.1.0, installed 0.1.0
Adapter    "icons-material-svg": 0.1.0, installed 0.1.0
Adapter    "icons-mfd-png": 1.1.0    , installed 1.1.0
Adapter    "icons-mfd-svg": 1.1.0    , installed 1.1.0
Adapter    "icons-ultimate-png": 1.0.1, installed 1.0.1
Adapter    "iot"          : 1.14.5   , installed 1.14.5
Adapter    "iqontrol"     : 2.2.0    , installed 2.2.0
Adapter    "javascript"   : 7.0.3    , installed 7.0.3
Controller "js-controller": 4.0.24   , installed 4.0.24
Adapter    "mercedesme"   : 0.1.1    , installed 0.1.1
Adapter    "minuvis"      : 2.3.3    , installed 2.3.3
Adapter    "mqtt"         : 4.1.1    , installed 4.1.1
Adapter    "mqtt-client"  : 1.6.3    , installed 1.6.3
Adapter    "net-tools"    : 0.2.0    , installed 0.2.0
Adapter    "openhab"      : 1.1.0    , installed 1.1.0
Adapter    "pi-hole"      : 1.3.4    , installed 1.3.4
Adapter    "ping"         : 1.5.3    , installed 1.5.3
Adapter    "proxmox"      : 1.3.5    , installed 1.3.5
Adapter    "shelly"       : 6.4.1    , installed 6.4.1
Adapter    "simple-api"   : 2.7.2    , installed 2.7.2
Adapter    "socketio"     : 6.3.5    , installed 6.3.5
Adapter    "sonoff"       : 2.5.3    , installed 2.5.3
Adapter    "tankerkoenig" : 3.3.7    , installed 3.3.7
Adapter    "time-switch"  : 2.2.2    , installed 2.2.2
Adapter    "tr-064"       : 4.2.18   , installed 4.2.18
Adapter    "unifi"        : 0.6.4    , installed 0.6.4
Adapter    "vis"          : 1.4.16   , installed 1.4.16
Adapter    "vis-2-widgets-energy": 0.1.12, installed 0.1.12
Adapter    "vis-2-widgets-gauges": 0.1.12, installed 0.1.12
Adapter    "vis-2-widgets-jaeger-design": 0.3.2, installed 0.3.2
Adapter    "vis-2-widgets-material": 0.2.13, installed 0.2.13
Adapter    "vis-3dmodel"  : 0.0.10   , installed 0.0.10
Adapter    "vis-canvas-gauges": 1.0.1, installed 1.0.1
Adapter    "vis-colorpicker": 2.0.3  , installed 2.0.3
Adapter    "vis-hqwidgets": 1.3.1    , installed 1.3.1
Adapter    "vis-inventwo" : 3.3.3    , installed 3.3.3
Adapter    "vis-material" : 0.1.3    , installed 0.1.3
Adapter    "vis-material-advanced": 1.7.2, installed 1.7.2
Adapter    "vis-material-webfont": 0.0.3, installed 0.0.3
Adapter    "vis-materialdesign": 0.5.9, installed 0.5.9
Adapter    "vis-metro"    : 1.2.0    , installed 1.2.0
Adapter    "vis-timeandweather": 1.2.2, installed 1.2.2
Adapter    "vis-weather"  : 2.5.6    , installed 2.5.6
Adapter    "web"          : 5.5.3    , installed 5.5.3
Adapter    "ws"           : 2.3.6    , installed 2.3.6

[skiworker]

Hallo,

nachdem ich iobroker neu aufgesetzt habe und beide Adapter installiert habe, ist das Problem behoben.
Warum auch immer

Gruß Skiworker

[skiworker]

@skiworker
noch zur Info:

Die Versionen von NPM und Node.js haben sich geändert.

iob info
Platform       : linux
os             : linux
Architecture   : arm64
CPUs           : 4
Speed          : 1800 MHz
Model          : Cortex-A72
RAM            : 7.6 GB
System uptime  : 01:10:25
Node.js        : v18.16.0
time           : 1682457404503
timeOffset     : -120
adapters count : 471
NPM            : v9.5.1
Disk size      : 29.0 GiB
Disk free      : 26.2 GiB