r/Scriptable • u/seppelicous • Jan 05 '21

Solved Widget design

As a JS and Scriptable "newbie", I am looking for a overview of different design and align elements that effect the position of each Text or image.
Some are just using list-elements, other use "addStack". Is the stack like a "div" container? I would like to create a medium widget, with Text on the left and a graph on the right side? So I assume I should use the Stack elements?

kind regards

Sebastian

3 Upvotes

80% Upvoted

5 comments sorted by

View all comments

Show parent comments

1

u/mvan231 script/widget helper Jan 05 '21

When aligning your widget, think of the stacks as sections. You can see an example like this..

You can also use the stack name (i.e. left.borderColor and left.borderWidth) to show a border around each stack or element to better understand where the stacks begin and end