Genie Discord forum
I created a new app, deleted some of the components that were generated by default and wanted to add a 2 column row. But when I drag that component on the canvas, I get a 2 row column instead. It also shosw up as a 2 row column in both Safari and Chrome. I am using Julia 1.9.2, the latest versions of VS Code (1.80.0) and the Geniebuilder plugin (0.4.5) on Mac OS 13.4.1.
Seems like there's an issue with the column widths. We'll look into it but meanwhile here's how to fix it manually.
Edit the CSS class of each column
col-4. Any number works as long as the total sum is smaller than 10
That works! Well, it now shows 2 columns on the web page but the nocode editor still shows 2 rows.
Thanks for all the help! I was getting a bit frustrated 🙂
I have instead styled the HTML of the DIV like this:
This gives me one column for sliders, buttons, and inputs... and a larger column for my plot 👍