Possible to prevent more than 1 column being used on dnd template

Hi!

I’ve created a set of custom modules that are added via a drag and drop section into a page template.

All my modules span 12 columns (the layout is handled per module separately).

However when a client uses the drag and drop interface, they still have the option to place modules side by side. Is there a way to setup a drag and drop section so it is just 1 column (e.g. spanning all 12) - but as many rows as you like?

Thanks

Hi @Subzero,

The dnd_area is created that the user can setup the page like they want. It’s the content creator experiance and flexibility for creating pages. So there is no option to prevent users form setting up modules site by site.

However, maybe you could use an older version of the dnd, called ‘Flexible column

Flexable column can only add module below each other. The thing is that it will lack some functionalities like styling elements, set the container width, add padding adding a background e.d. So you will need to add these options into your custom modules.

Great, thanks for your help :slightly_smiling_face:

Hi! I kinda have the inverse problem. I have custom modules using flex columns, but i want to migrate to DND areas. Are there any tips and tricks or even guides on migrating flex-era custom modules into the present day architecture?

Hi @SKnurr1,

It’s possible but there are no guidelines for it. Best you can do it to check out the HubSpot boilerplate and check there CSS for the DnD container and layout for columns etc. They are located inside the objects folder.