Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[jmeister79]

Hi,
ich bin es gewohnt HTML direkt im Quellcode zu programmieren, daher kenne ich auch so wunderbare Sachen wie relative alignments etc.

Ich hadere nun an einer einfachen Aufgabe:
Ich möchte eine Box in der tabellarisch werte stehen:

Ich habe nun eine HTML Box geschafen und dort dann einfach die HTML Widgets reingelegt.
Leider haben diese Dinger keinen Bezug zur box. Sollte ich also die Box verschieben wollen, wenn ich sie zb via attribute left right ausrichte, dann wandern die Textelemente nicht mit, da sie keinen Bezug zur Box als "Elternelement" haben.
In html/css wären sie ja innerhalb eines DIVS geschrieben udn würden dann mit dem Element wandern.

In meinem Fall handelt es sich bei den Boxen um Klassen, die ich global verändern kann und das auch möchte, da ändere ich auch mal n Margin.
Ich hätte auch gerne ein globales Padding aber das funktioniert auf diese Weise natürlich nicht.

Toll wäre auch die Elemente Relativ zueinander anzulegen, was auch nicht klappt. ich muss jede Box absolut zum Seitenanfang ausrichten.

Hab ich irgendeine art und weise das zu machen übersehen oder gibt es evtl sogar einen Texteditor für die VIS?

Beste Grüße
Nils

[Jey Cee]

Es gibt eine Gruppieren Funktion in vis, markiere mal alle Elemente und mach einen rechts klick, da steht dann gruppieren oder so.
Ich weiss nur nicht ob das alle deine Wünsche erfüllt.

Vielleicht hast du ja auch Lust selber Widgets zu erstellen.
Hier kannst du eine Vorlage mit deinen vorgaben bauen: https://adapter-creator.iobroker.in

Und hier findest du eine Beschreibng wie man das macht: https://forum.iobroker.net/topic/21156/ausführliche-beschreibung-der-entwicklung-eines-eigenen-widgets-für-vis/1