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

[coyote]

Hallo,

versuche momentan ein paar neue Views zu erstellen bzw. mein Design etwas abzuändern.

Als Button möchte ich eigentlich ein HQWidget Button benutzen jedoch will der Text nicht so richtig und ich weiß nicht wie ich das Lösen kann bzw. warum das überhaupt passiert.

Screenshit hab ich mal angehängt, Widgets sind von oben einfach exportiert und wieder importiert, jedoch verschiebt sich beim importieren bei manchen Buttons der Text, keine Ahnung warum und ich bekomme es nicht hin ihn wieder unter das Symbol zu bekommen.

Jemand ne Idee?

Auf dem Tablet mit der Vis App ist es noch viel extremer, da sind nur eine Hand voll Widgets mit dem Text unter dem Symbol belegt, bei dem Rest steht der Text rechts daneben, obwohl im Browser auf dem PC alles ok ist :roll:

Oder hat jemand eine Idee welches Widget ich noch nehmen könnte und es so wie im Screenshot anpassen kann.

Hier mal noch der Widget export:

! ````
[{"tpl":"tplMetroTileBool","data":{"oid":"javascript.0.Aktiv","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","hover":false,"label_false":"","label_true":"","bg_class_false":"bg-dark","bg_class_true":"bg-red","icon_badge_false":"","icon_badge_true":"","badge_bg_class_false":"","badge_bg_class_true":"","badge_top":"0","badge_left":"0","brand_bg_class_false":"","brand_bg_class_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,"g_icon":true,"icon_class_false":"","icon_class_true":""},"style":{"left":"456px","top":"279px","width":"80px","height":"3px","z-index":"2","border-width":"1px","border-color":"","border-style":"","border-radius":"5px"},"widgetSet":"metro"},{"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,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oid":"javascript.0.Aktiv","min":"false","max":"true","iconName":"/icons-mfd-png/light_light.png","btIconWidth":"44","offsetAuto":false,"leftOffset":"1","topOffset":"0","timeAsInterval":"true","infoLeftFontSize":"12","infoFontRightSize":"12","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,"iconOn":"/icons-mfd-png/light_light_dim_100.png","g_styles":true,"styleActive":"hq-button-no-background","styleNormal":"hq-button-no-background","testActive":false,"usejQueryStyle":false,"captionOn":"BW Melder Treppe","caption":"BW Melder Treppe"},"style":{"left":"451px","top":"200px","border-radius":"5px","width":"93px","height":"92px","z-index":"1","border-color":"#a8a8a8","border-width":"1px","border-style":"solid","background-color":"","background":"linear-gradient(#505050, #000000, #080808)","color":"#c9c9c9","font-size":"small"},"widgetSet":"hqwidgets"},{"tpl":"tplMetroTileBool","data":{"oid":"javascript.0.Aktiv","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","hover":false,"label_false":"","label_true":"","bg_class_false":"bg-dark","bg_class_true":"bg-emerald","icon_badge_false":"","icon_badge_true":"","badge_bg_class_false":"","badge_bg_class_true":"","badge_top":"0","badge_left":"0","brand_bg_class_false":"","brand_bg_class_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,"g_icon":true,"icon_class_false":"","icon_class_true":""},"style":{"left":"447px","top":"170px","width":"80px","height":"3px","z-index":"2","border-width":"1px","border-color":"","border-style":"","border-radius":"5px"},"widgetSet":"metro"},{"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,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oid":"javascript.0.Aktiv","min":"false","max":"true","iconName":"/icons-mfd-png/light_light.png","btIconWidth":"44","offsetAuto":false,"leftOffset":"0","topOffset":"0","timeAsInterval":"true","infoLeftFontSize":"12","infoFontRightSize":"12","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,"iconOn":"/icons-mfd-png/light_light_dim_100.png","g_styles":true,"styleActive":"hq-button-no-background","styleNormal":"hq-button-no-background","testActive":false,"usejQueryStyle":false,"captionOn":"Treppen Leuchten","caption":"Treppen Leuchten"},"style":{"left":"444px","top":"89px","border-radius":"5px","width":"93px","height":"93px","z-index":"1","border-color":"#a8a8a8","border-width":"1px","border-style":"solid","background-color":"","background":"linear-gradient(#505050, #000000, #080808)","color":"#c9c9c9","font-size":"small"},"widgetSet":"hqwidgets"}]

EDIT: Hab jetzt das Widget nicht komplett quadratisch eingestellt sondern 2px länger, dann gehts