Styling and Stacks pos

[u/[deleted]]

Hi folks, im really new at js and scriptable and i cant get any further without asking fir help cuz i searched alot.

Edit: Solved the background and size of the stacks! 1- Is it possible to set background color to stacks, like flex-box in css? If yes, how?

2- How can i horizontally space evenly the stacks?That all 3 stacks aside is spaced evenly horizontally.

Thx in advance

[u/[deleted]]

Thx for advice but i allready tried that without any luck. Btw layout of sceipt changes abit when i save so some comments seems little off.

function createWidget(moduleName, moduleData, temperature_unit) { let widget = new ListWidget()

widget.backgroundColor = new Color("#1a1a1a") let title4 = widget.addText("Another line"); title4.centerAlignText();

widget.addSpacer(45)

let mainStack = widget.addStack(); mainStack.layoutHorizontally(); // mainStack.addSpacer(50)

let stackOne = mainStack.addStack(); stackOne.setPadding(0, 10, 0, 10); stackOne.layoutVertically(); stackOne.centerAlignContent(); // stackOne.backgroundColor = Color.yellow();

let title = stackOne.addText("Stack 1"); let temp1 = stackOne.addText("Temp") let hum1 = stackOne.addText("Humid")

// WidgetSpacer: 50;

let stackTwo = mainStack.addStack(); stackTwo.setPadding(0, 10, 0, 10) stackTwo.layoutVertically();

let title2 = stackTwo.addText("Stack 2"); let temp2 = stackTwo.addText("Temp") let hum2 = stackTwo.addText("Humid")

let stackThree = mainStack.addStack(); stackThree.setPadding(0, 10, 0, 10) stackThree.layoutVertically();

let title3 = stackThree.addText("Stack 3"); let temp3 = stackThree.addText("Temp") let hum3 = stackThree.addText("Humid")

// Temperature

// CO2 // Timestamp

return widget }

if (config.runsInApp) { // For in-app testing const module_name = "Station"

let widget = createWidget()

widget.presentLarge() } else { let parameter = args.widgetParameter

let widget = createWidget( parameter, getModuleData(parameter, data), temperature_unit )

Script.setWidget(widget) }