Dnd area causing modules disappear

Developer Support CMS Development
4

Hi @WGwardjak ,

You have to follow the proper sequence then only dnd area will work also you have to define a different unique class for your every dnd area , through which you can give css as per your requirement as shown in below example

<!-----------------------------Homepage Blog Section Start Here ----------------------------->

{% dnd_area ‘home-blog-module’ class=’home-blog-section’, label=‘Blog Section’ %}

{% dnd_section

padding={

'default': { 'top': '100', 'bottom': '100', 'right': '20', 'left': '20' },

'mobile': { 'top':'60', 'bottom': '60', 'right': '20', 'left': '20' }

},

max\_width=1170

%}

{% dnd\_column %}

  {% dnd\_row  %}

    {% dnd\_module path='../modules/CarouselNew.module',label="CarouselNew Module" %}

    {% end\_dnd\_module %}

  {% end\_dnd\_row %}

{% end\_dnd\_column %}

{% end_dnd_section %}

{% end_dnd_area %}

<!----------------------------- Homepagel Blog Section Ends Here ----------------------------->

<!-----------------------------Homepage other Section Start Here ----------------------------->

{% dnd_area ‘home-other-module’ class=’home-other-section’, label=‘Other Section’ %}

{% dnd_section

………

{% end_dnd_section %}

{% end_dnd_area %}

<!----------------------------- Homepagel Other Section Ends Here ----------------------------->

For More details please read this article:- Drag and Drop Areas HubL Tags - HubSpot docs
Hope this helps!
If we were able to answer your query, kindly help the community by marking it as a solution.
Thanks and Regard.