NEWS
VIS eigenes Widget erstellen
-
@martink OK das macht natürlich Sinn. Ich konnte das nämlich nicht nachstellen. Ich lade sofort noch die Screenshots hoch. Das ist auf dauer besser damit zu Arbeiten als mit den Base64 Codierten Bildern.
@crunkfx said in VIS eigenes Widget erstellen:
@martink OK das macht natürlich Sinn. Ich konnte das nämlich nicht nachstellen. Ich lade sofort noch die Screenshots hoch. Das ist auf dauer besser damit zu Arbeiten als mit den Base64 Codierten Bildern.
Muss ich dann die "Gruppenwidgets" die ich bereits nutze nochmal mit den Screenshots anpassen ? Ich habe beim editieren der Gruppe auch mal das "Schalter Foto" welchen bei On + Off genutzt wird geschaut, aber da wird ja angezeigt, das dass Foto nicht hinterlegt ist ... :thinking_face: wie kann denn was angezeigt werden - was nicht hinterlegt ist?? Bzw. woher hat er denn das "Schalter Foto" ???

-
@crunkfx said in VIS eigenes Widget erstellen:
@martink OK das macht natürlich Sinn. Ich konnte das nämlich nicht nachstellen. Ich lade sofort noch die Screenshots hoch. Das ist auf dauer besser damit zu Arbeiten als mit den Base64 Codierten Bildern.
Muss ich dann die "Gruppenwidgets" die ich bereits nutze nochmal mit den Screenshots anpassen ? Ich habe beim editieren der Gruppe auch mal das "Schalter Foto" welchen bei On + Off genutzt wird geschaut, aber da wird ja angezeigt, das dass Foto nicht hinterlegt ist ... :thinking_face: wie kann denn was angezeigt werden - was nicht hinterlegt ist?? Bzw. woher hat er denn das "Schalter Foto" ???

@martink Das ist als Text Codiert. Es gibt die Möglichkeit Bilder komplett als Text zu Codieren und somit zu gewährleisten, dass der Endnutzer das Bild hat. In dem Link beginnend mit "data:image/jpeg" ist das Bild quasi Bit für Bit enthalten. Diesen Link kannst du z.B. hier: https://base64.guru/converter/decode/image zu einem Bild zurück wandeln.
-
@da_woody @MartinK
Ich habe nun noch ein paar weitere Controls gebastelt. Solltet ihr noch wünsche haben, sagt bescheid.
Hier könnt ihr das testen: https://iobroker.astoria-systems.de/vis/index.html?ShellyButons#ButtonsSwitch

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/SwitchSwitch mit Power

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Switch-PowerTemperatur und Feuchtigkeit mit Batterie

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Hum-Temp-BatTemperatur und Feuchtigkeit

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Hum-TempEnergy

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/PowerDa Woody Spezial

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/DaWoodyEDIT
Falls möglich benutzt bitte die Hintergründe als PNG. Bei vielen Elementen kann es mit Base64 zu Problemen kommen. Die Assets findet ihr hier: https://github.com/CrunkFX/IOBrokerCustomFiles/tree/master/Images
-
@martink Das ist als Text Codiert. Es gibt die Möglichkeit Bilder komplett als Text zu Codieren und somit zu gewährleisten, dass der Endnutzer das Bild hat. In dem Link beginnend mit "data:image/jpeg" ist das Bild quasi Bit für Bit enthalten. Diesen Link kannst du z.B. hier: https://base64.guru/converter/decode/image zu einem Bild zurück wandeln.
@crunkfx said in VIS eigenes Widget erstellen:
@martink Das ist als Text Codiert. Es gibt die Möglichkeit Bilder komplett als Text zu Codieren und somit zu gewährleisten, dass der Endnutzer das Bild hat. In dem Link beginnend mit "data:image/jpeg" ist das Bild quasi Bit für Bit enthalten. Diesen Link kannst du z.B. hier: https://base64.guru/converter/decode/image zu einem Bild zurück wandeln.
Cooole Sache! :sleuth_or_spy: Also ich habe in den letzten 24 Std. viel dazugelernt! :-) ... und warum ist es besser das PNG zu nutzen ? Ist das performanter für die VIS ?
-
@crunkfx said in VIS eigenes Widget erstellen:
@martink Das ist als Text Codiert. Es gibt die Möglichkeit Bilder komplett als Text zu Codieren und somit zu gewährleisten, dass der Endnutzer das Bild hat. In dem Link beginnend mit "data:image/jpeg" ist das Bild quasi Bit für Bit enthalten. Diesen Link kannst du z.B. hier: https://base64.guru/converter/decode/image zu einem Bild zurück wandeln.
Cooole Sache! :sleuth_or_spy: Also ich habe in den letzten 24 Std. viel dazugelernt! :-) ... und warum ist es besser das PNG zu nutzen ? Ist das performanter für die VIS ?
-
@crunkfx said in VIS eigenes Widget erstellen:
@martink Das ist als Text Codiert. Es gibt die Möglichkeit Bilder komplett als Text zu Codieren und somit zu gewährleisten, dass der Endnutzer das Bild hat. In dem Link beginnend mit "data:image/jpeg" ist das Bild quasi Bit für Bit enthalten. Diesen Link kannst du z.B. hier: https://base64.guru/converter/decode/image zu einem Bild zurück wandeln.
Cooole Sache! :sleuth_or_spy: Also ich habe in den letzten 24 Std. viel dazugelernt! :-) ... und warum ist es besser das PNG zu nutzen ? Ist das performanter für die VIS ?
@martink Erstens muss er ständig Decodieren, zweitens ist die PNG Datei auf dem System Technisch nur 1 mal vorhanden und wird nur kopiert.
-
@crunkfx said in VIS eigenes Widget erstellen:
Da Woody Spezial
boah, ey! doch nicht prinz, eher prinzessin!

wenn du so weitermacht, wird da noch ein vis-abkömmling draus!
-
@martink Erstens muss er ständig Decodieren, zweitens ist die PNG Datei auf dem System Technisch nur 1 mal vorhanden und wird nur kopiert.
-
@da_woody @MartinK
Ich habe nun noch ein paar weitere Controls gebastelt. Solltet ihr noch wünsche haben, sagt bescheid.
Hier könnt ihr das testen: https://iobroker.astoria-systems.de/vis/index.html?ShellyButons#ButtonsSwitch

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/SwitchSwitch mit Power

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Switch-PowerTemperatur und Feuchtigkeit mit Batterie

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Hum-Temp-BatTemperatur und Feuchtigkeit

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Hum-TempEnergy

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/PowerDa Woody Spezial

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/DaWoodyEDIT
Falls möglich benutzt bitte die Hintergründe als PNG. Bei vielen Elementen kann es mit Base64 zu Problemen kommen. Die Assets findet ihr hier: https://github.com/CrunkFX/IOBrokerCustomFiles/tree/master/Images
Falls möglich benutzt bitte die Hintergründe als PNG. Bei vielen Elementen kann es mit Base64 zu Problemen kommen. Die Assets findet ihr hier: https://github.com/CrunkFX/IOBrokerCustomFiles/tree/master/Images
Ich habe noch eine Frage zu den PNG's ... Der on + off Button ist doch immer der gleiche ? oder worin besteht der unterschied in den Button PNG'S ? :grinning:
-
Falls möglich benutzt bitte die Hintergründe als PNG. Bei vielen Elementen kann es mit Base64 zu Problemen kommen. Die Assets findet ihr hier: https://github.com/CrunkFX/IOBrokerCustomFiles/tree/master/Images
Ich habe noch eine Frage zu den PNG's ... Der on + off Button ist doch immer der gleiche ? oder worin besteht der unterschied in den Button PNG'S ? :grinning:
Ich habe noch eine Frage
So viele du willst :wink:
Der einzige Unterschied besteht in dem Blauen Teil
-
Ich habe noch eine Frage
So viele du willst :wink:
Der einzige Unterschied besteht in dem Blauen Teil
@crunkfx said in VIS eigenes Widget erstellen:
Ich habe noch eine Frage
So viele du willst :wink:
Der einzige Unterschied besteht in dem Blauen Teil
;-) .... Also diese 6 PNG's sind doch alle identisch oder? ist doch immer On / Off oder habe ich was übersehen ?

-
Ich habe noch eine Frage
So viele du willst :wink:
Der einzige Unterschied besteht in dem Blauen Teil
-
@crunkfx said in VIS eigenes Widget erstellen:
Ich habe noch eine Frage
So viele du willst :wink:
Der einzige Unterschied besteht in dem Blauen Teil
;-) .... Also diese 6 PNG's sind doch alle identisch oder? ist doch immer On / Off oder habe ich was übersehen ?

@martink


Darin liegt der Unterschied in den Dateien -
@crunkfx said in VIS eigenes Widget erstellen:
Ich habe noch eine Frage
So viele du willst :wink:
Der einzige Unterschied besteht in dem Blauen Teil
;-) .... Also diese 6 PNG's sind doch alle identisch oder? ist doch immer On / Off oder habe ich was übersehen ?

-
@da_woody @MartinK
Ich habe nun noch ein paar weitere Controls gebastelt. Solltet ihr noch wünsche haben, sagt bescheid.
Hier könnt ihr das testen: https://iobroker.astoria-systems.de/vis/index.html?ShellyButons#ButtonsSwitch

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/SwitchSwitch mit Power

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Switch-PowerTemperatur und Feuchtigkeit mit Batterie

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Hum-Temp-BatTemperatur und Feuchtigkeit

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Hum-TempEnergy

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/PowerDa Woody Spezial

Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/DaWoodyEDIT
Falls möglich benutzt bitte die Hintergründe als PNG. Bei vielen Elementen kann es mit Base64 zu Problemen kommen. Die Assets findet ihr hier: https://github.com/CrunkFX/IOBrokerCustomFiles/tree/master/Images
@crunkfx said in VIS eigenes Widget erstellen:
Solltet ihr noch wünsche haben, sagt bescheid.
Tolle Arbeit!:+1:
Für Heizung wäre noch was Super.
-
@da_woody Sorry.... meine Augen sind von den hier geleisteten ganzen technischen Raffinessen schon total blind.... :sunglasses:
-
@crunkfx said in VIS eigenes Widget erstellen:
Solltet ihr noch wünsche haben, sagt bescheid.
Tolle Arbeit!:+1:
Für Heizung wäre noch was Super.
-
@sigi234 said in VIS eigenes Widget erstellen:
Für Heizung wäre noch was Super.
für mich reicht da mein dawoody_spezial. ok automatisch steuern kann ich damit nicht, aber als anzeige langts.
@da_woody said in VIS eigenes Widget erstellen:
@sigi234 said in VIS eigenes Widget erstellen:
Für Heizung wäre noch was Super.
für mich reicht da mein dawoody_spezial. ok automatisch steuern kann ich damit nicht, aber als anzeige langts.
Jupp, ist ja alles änderbar.:grinning:





glaub ich dir aufs wort!