topic full_width not working on dnd_section in CMS Development

full_width not working on dnd_section

sonicfroots — Tue, 07 Jun 2022 08:12:47 GMT

Hi all.

I'm creating a drag and drop page and I can't seem to get a section to be Center Content (see screenshot) by default rather than Full Width. I assume I use the boolean full_width=false but it is not working? Any help will be much appreciated. (I've got a feeling I'm missing something super simple here!) Code below:

{% dnd_section vertical_alignment='MIDDLE', full_width=false %} {% dnd_module path='@hubspot/rich_text', offset=0, width=6, %} {% module_attribute 'html' %} <h2>Heading</h2> {% end_module_attribute %} {% end_dnd_module %} {% dnd_module path='@hubspot/form' offset=6, width=6, %} {% end_dnd_module %} {% end_dnd_section %}

Re: full_width not working on dnd_section

Jaycee_Lewis — Tue, 07 Jun 2022 15:25:44 GMT

@webdew @Oezcan do you have any insight for @sonicfroots?

Thank you! — Jaycee

Re: full_width not working on dnd_section

AntoninCrestois — Wed, 08 Jun 2022 09:43:22 GMT

Hi there!

It seems we need to define a max_width along with the full_width parameter as well.

Here is the code that worked for me, setting the maximum content width to 300px:

{% dnd_section vertical_alignment='MIDDLE', full_width=false, max_width=300 %} {% dnd_module path='@hubspot/rich_text', offset=0, width=6, %} {% module_attribute 'html' %} <h2>Heading</h2> {% end_module_attribute %} {% end_dnd_module %} {% dnd_module path='@hubspot/form' offset=6, width=6, %} {% end_dnd_module %} {% end_dnd_section %}

Let me know if making this change works on your end!

Slight edit: I tested this without 'full_width=false' and just specifying the max_width and find that it automatically sets the section to be Center Content

Best,
Antonin