Genie Discord forum

Author AvatarMordegai
7/12/2023, 12:47:29 PM

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.

Author AvatarPere
7/12/2023, 2:20:03 PM

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 div to col-5 or col-4. Any number works as long as the total sum is smaller than 10

Author AvatarMordegai
7/12/2023, 2:26:47 PM

That works! Well, it now shows 2 columns on the web page but the nocode editor still shows 2 rows.

Author AvatarMordegai
7/12/2023, 2:27:23 PM

Thanks for all the help! I was getting a bit frustrated ๐Ÿ™‚

Author AvatarGenerallyClueless
7/12/2023, 4:17:33 PM

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 ๐Ÿ‘