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

[Homoran]

@TG70
ist doch schon lange da:
https://forum.iobroker.net/topic/29412/abfolge-von-befehlen/27

Da musst du nur mit den Farben des Randes und des Backgrouns spielen und dir ein Widget a gusto aussuchen

[TG70]

@Homoran
Daaaanke dir - ich weiß nur noch nicht was ich anders gemacht habe .. ich glaub es liegt am Stil No Background den ich nicht ausgewählt hatte

[Homoran]

@TG70 sagte in Abfolge von Befehlen:

es liegt am Stil No Background den ich nicht ausgewählt hatte

dann gilt der vordefinierte Hintergrund. Erst wenn du den "entfernst" kommt der eigene durch

[TG70]

@Homoran ... ja das habe ich so versteckt im Stil nicht gefunden... ich habe mir den Wolf gesucht

[Homoran]

@TG70
ja - das sind die HQ (high quality) widgets, da gibt es verdammt viele Optionen

[TG70]

@Homoran .. ja ist krass
Wo schraubst du. wenn du die grösse des Buttons verkleinerst, dann die Schrift recht neben der Grafik steht, aber wieder nach unten soll ??

[Homoran]

@TG70
Ich mach dann das Widget größer ;-)

Versuches mal mit Bildgröße kleiner und Schriftgröße (unten unter css font) ebenfalls.

EDIT: Verified - klappt

[TG70]

@Homoran ..ja so kenne ich das auch ... mit 80px * 80 px krieg ich des einfach nicht hin...
Ist aber nicht so wichtig... setze einfach ein Text extra rein :flushed:

[Homoran]

@TG70 stay tuned

• 80x80???? für das widget?
  meins ist gerade 60x60 :joy:

[TG70]

@Homoran ... ich brech echt zam... manchmal schon der Wahnsinn... hab das die ganze Zeit mit Bildgrösse / Schriftgrösse gemacht.. bissi rumspielen, dann klappt das aber ... neeee ... hier nicht:man-shrugging:

Geschummelt mit extra Text... schau merkt keiner :)))

[Homoran]

@TG70
ehrlich. WTF

fast alle Größen gehen, aber 80x80 will es ums verrecken nicht
Habe es jetzt nach viel testen hinbekommen:

Spoiler

[{"tpl":"tplHqButton","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oid":"nothing_selected","min":"false","max":"true","iconName":"/icons-mfd-png/scene_sleeping.png","btIconWidth":"54","offsetAuto":true,"leftOffset":"12","topOffset":"0","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,"pushButton":true,"usejQueryStyle":false,"styleNormal":"hq-button-no-background","caption":"INS BETT","g_leftRight":false,"timeAsInterval":"true","infoLeftFontSize":"12","infoFontRightSize":"12","infoLeftPaddingLeft":"15","infoLeftPaddingRight":"50","infoRightPaddingRight":"15","g_ccontrol":false},"style":{"left":"190px","top":"90px","border-radius":"0px","background-color":"black","color":"white","width":"79px","height":"80px","border-width":"2px","border-style":"solid","border-color":"#555555","font-size":"8pt","line-height":"","word-spacing":"","text-align":"center","font-style":"normal","font-family":"\"Courier New\", Courier, monospace","z-index":"2"},"widgetSet":"hqwidgets"}]

Breite auf 80 einstellen
Höhe ins riesige ziehen bis Bild und Text gut aussehen und untereinander stehen
Dann die untere Kante langsam hochziehen, dabei darauf achten, dass der Text die untere Linie nicht berührt sonst sprint er direkt wieder rechts neben das Bild.
Hoffen, dass es bei 80 x 80 noxh passt ;-)

[TG70]

Krass... so funktioniert es ... der Wahnsinn, wie tricky das hier manchmal sein kann.
Sowas gabs bei Mediola nicht :rolling_on_the_floor_laughing: - aber hier ist es viel interessanter und vieeeeel besser und mehr Möglichkeiten.... und das Forum und die User sind echt Top hier.

[Homoran]

@TG70 sagte in Abfolge von Befehlen:

wie tricky das hier manchmal sein kann.

Hab sowas auch noch nie erlebt.
Klar ist Mediola da mit den fertigen Lösungen für ungeduldige "besser".
Aber die schier unendlichen Möglichkeiten von vis kann Mediola alleine deshalb nicht erreichen, weil sie Wert auf die einfache Erstellung legen.

[TG70]

@Homoran ..das stimmt ..... und seid sie SUS eingeführt haben, wollen sie auch noch jährlich richtig Geld dafür .. also erst Plugin kaufen ... dann jährlich SUS ... und fast keine Neuerungen kommen hinzu... Fehler werden nicht behoben... und bei Aufwendigen Projekten kommt das ganze sehr schnell an die Grenzen

[TG70]

Hallo, ich verwende nun den o.g. "Taster" für die Steuerung von Szenen, aber auch für die Ausführung von Homematic Programmen. Funktioniert wirklich gut.

Nur habe ich immer noch das Problem, dass man nicht weiß, ob ich die Taste nun auch
gedrückt habe oder nicht.
Ich habe es nun auch damit versucht, aber das geht wohl als Taster ohne "Stil" nicht: