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

[Scrounger]

@Endurance sagte in Material Design Widgets: Buttons Widget:

@Scrounger Lässt sich die Mouseover Farbe bzw Grad der Farbänderung bei den Buttons einstellen oder deaktivieren?

über Farbe gedrückt -> deaktivieren => tranparent verwenden

[Endurance]

@Scrounger haba nun die Farbe aus "gedrückt" rausgenommen, wenn ich aber mit der Maus drüber fahre, wird es immer noch transparent. Ich kann natürlich die gleiche Farbe wie bei Hintergrund einfügen, dann hab ich aber auch beim klicken keine Animation mehr.

[Scrounger]

@Endurance
Mehr geht per Editor leider nicht.
Evtl. geht das mit css klasse überschreiben.

[michihorn]

Guten Morgen Scrounger,
ich habe einige Widget von dir im Einsatz, läuft auf dem Fire Tab 10 super. Die selbe View auf einem älteren Tab Huawei T1 zeigt leider deine Widgets nicht. Kann man da noch was machen?
Gruß
Michael

[Uwe Clement]

Ich habe in einer früheren Installation meines Iobrokers diese Icons verwenden, z.B. "window-shutter-open". Nun finde ich diese nicht mehr. Wo liegen diese innerhalb von iobroker? Kann mir hier jemand helfen? Danke!

[Endurance]

@Uwe-Clement

cd /opt/iobroker
find -name window-shutter

[dos1973]

@Scrounger
einfach eine Frage/ Idee ;-)
wäre es möglich mit einem Button State, mehrere DP auf einmal werte zu setzen?

momentan, reagiere ich mit Skripten drauf, aber es würde echt vieles direkt vom button aus möglich machen.

[Scrounger]

@dos1973 sagte in Material Design Widgets: Buttons Widget:

wäre es möglich mit einem Button State, mehrere DP auf einmal werte zu setzen?

Nein das geht nicht, da müsste man ein eigens Widget für machen.

[dos1973]

Der Multi Button State...
Wäre das nicht eine coole Erweiterung? Ich hätte viele Anwendungsfälle

[sigi234]

@dos1973 sagte in Material Design Widgets: Buttons Widget:

Der Multi Button State...
Wäre das nicht eine coole Erweiterung? Ich hätte viele Anwendungsfälle

Jupp, mich wundert es das es das noch nicht gibt.

[dos1973]

@Scrounger
Würdest du so ein Widget einbauen?
Besteht da Hoffnung?

[Scrounger]

@dos1973 sagte in Material Design Widgets: Buttons Widget:

@Scrounger
Würdest du so ein Widget einbauen?
Besteht da Hoffnung?

Also ich sehe bei mir keine Anwendungsfälle dafür, weil ich nen super skript für das habe.
Kannst aber gerne nen issue erstellen, vielleicht implementiere ich es irgendwann mal.

[mrg]

@Scrounger
ich finde die icons-mfd-svg ganz gut. Da ist immer was dabei was mir gefällt.
Würde die aber auch gerne einfärben.
In deinen Button kann ich das Bild anzeigen aber leider nicht einfärben.
Gibt es da eine möglichkeit?

[sigi234]

@Scrounger sagte in Material Design Widgets: Buttons Widget:

@dos1973 sagte in Material Design Widgets: Buttons Widget:

@Scrounger
Würdest du so ein Widget einbauen?
Besteht da Hoffnung?

Also ich sehe bei mir keine Anwendungsfälle dafür, weil ich nen super skript für das habe.
Kannst aber gerne nen issue erstellen, vielleicht implementiere ich es irgendwann mal.

Welches Skript hast du da?
Aber so ein Widget.wäre schon Super

Anwendungsfall:

1. Licht
2. Steckdosen
3. Kombination daraus usw.

[Scrounger]

@mrg sagte in Material Design Widgets: Buttons Widget:

@Scrounger
ich finde die icons-mfd-svg ganz gut. Da ist immer was dabei was mir gefällt.
Würde die aber auch gerne einfärben.
In deinen Button kann ich das Bild anzeigen aber leider nicht einfärben.
Gibt es da eine möglichkeit?

vielleicht per css.
Oder nimm die materialdesignsicons, die kannst direkt auswählen und beinhalten auch die mfds. Einfärben geht da.

@sigi234 sagte in Material Design Widgets: Buttons Widget:

Welches Skript hast du da?

Ist zwar jetzt voll offtopic, aber weil du es bist ;-)

globales Skript mit der Funktion

var myGlobalFunctions = {};

myGlobalFunctions.setMultipleStates = function (objectList) {
    for (const obj of objectList) {
        if (obj.id) {
            let value = getState(obj.id).val;

            if (obj.hasOwnProperty('value')) {
                if (typeof value === typeof obj.value) {
                    if (value != obj.value) {
                        console.debug(`[setMultipleStates]: set state for '${obj.id}' to '${obj.value}'`)
                        setState(obj.id, obj.value);
                    }
                } else {
                    console.error(`[setMultipleStates] object '${obj.id}' value type '${typeof obj.value}' is wrong, must be '${typeof value}'`)
                }
            } else {
                console.error(`[setMultipleStates] object '${obj.id}' has no value!`)
            }
        }
    }
}

Aufrufen der Funktion:

// alle Lichter & Geräte per Button ausschalten ******************************************************************************************************************************
on({ id: myDevices.Netzwerk.Devices.HarmonyHub.Buttons.AllesAus.getId() }, allesAus);

function allesAus(button) {
    if (button.state.val === true) {
        log("Wohnzimmer: alles andere ausschalten")

        // Liste aller Objekte die ausgeschaltet werden sollen, inkl. des Wertes für Zustand aus
        var objList = [
            // Lichter
            { id: myDevices.Licht.Flur.Main.An.getId(), value: false },
            { id: myDevices.Licht.Flur.Nische.An.getId(), value: false },
            { id: myDevices.Licht.Bad.Dusche.An.getId(), value: false },
            { id: myDevices.Licht.Bad.Main.An.getId(), value: false },
            { id: myDevices.Licht.Schlafzimmer.Vorne.Dimmer.getId(), value: 0 },
            { id: myDevices.Licht.Schlafzimmer.Hinten.Dimmer.getId(), value: 0 },
            { id: myDevices.Licht.WC.An.getId(), value: false },
            { id: myDevices.Licht.Esszimmer.Links.Dimmer.getId(), value: 0 },
            { id: myDevices.Licht.Esszimmer.Rechts.Dimmer.getId(), value: 0 },
            { id: myDevices.Licht.Kueche.Main.An.getId(), value: false },
            { id: myDevices.Licht.Kueche.Speisekammer.An.getId(), value: false },

            // MusicCast
            { id: myDevices.Netzwerk.Devices.MusicCast.Bad.An.getId(), value: false },
            { id: myDevices.Netzwerk.Devices.MusicCast.Schlafzimmer.An.getId(), value: false },
            { id: myDevices.Netzwerk.Devices.MusicCast.Esszimmer.An.getId(), value: false },
            { id: myDevices.Netzwerk.Devices.MusicCast.Kueche.An.getId(), value: false },

            // Bewegungssensor zurücksetzen
            { id: myDevices.Sensoren.Bewegung.Flur.StatusReset.getId(), value: true },

            // altes Zeug, muss noch mit linkeddevices ersetzt werden
            //{ id: Licht.Schlafzimmer.Bett.getId(), value: false }
        ]

        myGlobalFunctions.setMultipleStates(objList);
    }
}

[dos1973]

ich sagte ja, mittels script (Blockly) bekomme ich das auch irgendwie hin.
aber wie @sigi234 schon aufzeigte, die Anwendungsmöglichkeiten direkt aus VIS heraus, wären enorm.

Schade, vielleicht denkst du nochmals darüber nach - aber Du bist der Boss* in dem Kontext ;-)

*vielleicht etwas süsses ;-)

[Scrounger]

@dos1973, @sigi234

Kleiner Tipp, wenn es ein issue bei github gibt, ist die wahrscheinlichkeit höher das so etwas implementiert wird. Nur einfach mal so als kleiner Tipp :grinning:

[sigi234]

@Scrounger sagte in Material Design Widgets: Buttons Widget:

@dos1973, @sigi234

Kleiner Tipp, wenn es ein issue bei github gibt, ist die wahrscheinlichkeit höher das so etwas implementiert wird. Nur einfach mal so als kleiner Tipp :grinning:

https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/81

[dos1973]

@sigi234
danke dir!

jetzt hoffen wir mal

[Chris Tailor]

Ich bin mir nicht ganz sicher, bei welchem Widget ich mein kleines Problem schildern soll. Ich probier's mal hier.

Ich verwende die Top App Bar in Kombination mit dem View in Widget 8. Beim View in Widget 8 habe ich bei der Object ID nichts hinterlegt ("nothing_selected"). Die Navigation funktioniert so wie es soll und die Views passen sich entsprechend dem ausgewählten Punkt an.

Konfiguration View in Widget:

Jetzt möchte ich auf ausgewählten Views direkt einen Button hinterlegen, welcher auf eine andere View verweisen soll, welche im View in Widget 8 geöffnet wird (quasi als Shortcut zur Navigation mit der Top App Bar). Mit Button Widget auf Navigation eingestellt, komme auch da nicht ans Ziel, da damit die verlinkte View direkt geöffnet wird und nicht im View in Widget 8. Wenn ich im View in Widget 8 einen Objekt ID hinterlege und dieser mit dem Button einen Wert zuweise funktioniert die Navigation mit dem Button, aber die Navigation mit der Top App Bar funktioniert nicht mehr. Ich hoffe ihr könnt mir folgen und habt evtl. eine Lösung parat?

Also zusammengefasst wäre meine Frage, wie ich das Button Widget konfigurieren kann, damit ich damit analog der Top App Bar Views innerhalb des View in Widgets 8 steuern kann.