Monatsrückblick Januar/Februar 2026 ist online!

[sigi234]

@liv-in-sky sagte in Script fürTabelle der Batterie Zustände:

ich denke, dass icon list widget ist mehr euer ding ?

Jupp

[Oli]

@liv-in-sky said in Script fürTabelle der Batterie Zustände:

icon list widget

ja, das Widget finde ich genial

[darkiop]

@liv-in-sky sagte in Script fürTabelle der Batterie Zustände:

icon list widget

Je nach Daten auch das normale List Widget - die Tabellarische Darstellung ist übersichtlicher als die Kacheln des Icon List Widgets.

[liv-in-sky]

in etwa so?

[liv-in-sky]

@darkiop gebe ich dir recht - bei den kachel bekommt man eigentlich die beste info, wenn man sich nur auf die farben konzentriert - was rot ist muss ich wissen - denn da muss batt getauscht werden - der rest verschwindet im nebel

bei der tabelle kommt das problem durch die anzahl - man muss halt immer scrollen um was zu sehen - da muss man dann den alarm trigggern - weil man halt beim drüber sehen , evtl die roten nicht sieht (obwohl man wird wohl sortieren können )

[Oli]

@liv-in-sky

wow, echt klasse

[ub.privat]

@liv-in-sky

Also hier bekomme ich auch das "haben wollen!" Gefühl.
Habe nun den gesamt Thread - eher ein Dialig zwischen @sigi234 und dir durch gelesen. Mega interessant....

Als ioBroker-Einsteiger und immer mehr "Kennenlerner" und "Nachbastler", sind die Scripte und Views mit Anleitung von @Scrounger (Adapter und Script-View) der Oberhammer!!!

Wenn du zu dieser Kachel-List auch View und Script bereit stellen könntest...
Wäre ganz großes Kino!

DANKE im Voraus.

[liv-in-sky]

@ub-privat bin noch am "wurschteln" - kommt alles in den ersten post, wenn fertig

[liv-in-sky]

erster test material design-"fütterung"

es gibt neue setting und neue datenpunkte zum anlegen !!! daher am besten in ein eigenes script kopieren - stoppt das andere script

ich habe vom html design meiner tabelle ein ähnliches design gewählt, wie von material - damit man den vergleich mal hat

ich hoffe, ich habe alles richtig kopiert und nix vergessen

dieses script kann:

• ein html vis widget mit binding
• ein material design table
• ein material design list
• ein file für iqontrol oder "direct browser"- aufruf

export der widgets

material list

[{"tpl":"tplVis-materialdesign-Icon-List","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","wrapItems":true,"listItemDataMethod":"jsonStringObject","countListItems":"1","vibrateOnMobilDevices":"50","listLayout":"card","itemLayout":"horizontal","listType0":"text","showValueLabel0":"true","listType1":"text","showValueLabel1":"true","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"maxItemsperRow":"4","json_string_oid":"controll-own.0.TABELLEN.AkkuMaterialWidget","labelFontSize":"22","subLabelFontSize":"14","labelFontFamily":"RobotoCondensed-Regular","horizontalIconContainerWidth":"70","buttonHeight":"70","iconHeight":"35","iconItemMinWidth":"300"},"style":{"left":"117px","top":"67px","width":"60.89%","height":"87.71%","overflow-y":"auto"},"widgetSet":"materialdesign"}]

material table

[{"tpl":"tplVis-materialdesign-Table","data":{"oid":"controll-own.0.TABELLEN.AkkuMaterialWidgetTable","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","countCols":"4","tableLayout":"standard","showHeader":"true","headerTextSize":"headline6","showColumn0":"true","colType0":"text","textAlign0":"left","showColumn1":"true","colType1":"text","textAlign1":"center","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"showColumn2":"true","colType2":"text","textAlign2":"center","showColumn3":"true","colType3":"image","textAlign3":"center","dataJson":"","colTextSize0":"headline4","label1":"Wert","label0":"Name","label2":"Status","sortKey0":"","fontFamily0":"RobotoCondensed-Regular","padding_left0":"10","colTextColor0":"","colorBackground":"#ffffff","colorHeaderRowBackground":"#424242","colorHeaderRowText":"#b6b9b7","borderColor":"#000000","fontFamily1":"RobotoCondensed-Regular","colTextColor1":"#beb7b7","rowHeight":"19","label3":"Hersteller","imageSize3":"20","padding_right3":"-5","sortKey2":"","showColumn4":false,"colType4":"text","textAlign4":"center","sortKey1":"helpSort"},"style":{"left":"1110px","top":"61px","z-index":"0","width":"587px","height":"926px","overflow-y":"auto"},"widgetSet":"materialdesign"}]

denk daran, den pfad zu den bildern, die ihr in die vis laden müßt , einzutragen !!!

bilderchen :-)

das script

siehe erster post des threads https://forum.iobroker.net/post/355416

[liv-in-sky]

@Elirion du kannst das neue vom post drüber auch mal testen - disable einfach die widget erzeugung im setting bereich

bei mir funktioniert es - aber nur, weil der erste battery punkt auch die daten drinstehen hat - wenn das anders wäre - also eine id ohne daten als erstes drinsteht: gibt es warnings

[sigi234]

@liv-in-sky sagte in Script fürTabelle der Batterie Zustände:

erster test material design-"fütterung"

getestet,

Liste geht:

Table nicht:

[liv-in-sky]

@sigi234 hast du die json datenpunkte richtig zugewiesen im widget

[sigi234]

@liv-in-sky sagte in Script fürTabelle der Batterie Zustände:

denk daran, den pfad zu den bildern, die ihr in die vis laden müßt , einzutragen !!!

Hue fehlt

[darkiop]

@liv-in-sky Geht beides (Bilder hochladen hab ich mir auf die Schnelle noch gespart, kommt später):

[liv-in-sky]

@sigi234

[sigi234]

@liv-in-sky sagte in Script fürTabelle der Batterie Zustände:

@sigi234

Danke habe ich schon muss aber auf huekk geändert werden da so im Skript

[liv-in-sky]

@sigi234 werd ich im script ändern -nur ein "k"

[sigi234]

@liv-in-sky sagte in Script fürTabelle der Batterie Zustände:

@sigi234 hast du die json datenpunkte richtig zugewiesen im widget

Ja

Jederzeit TeamViewer

[liv-in-sky]

@sigi234 gibt es einen inhalt im datenpunkt - wenn ja bitte posten

[liv-in-sky]

@sigi234 ok teamviewen - chat