topic CMS Development Tutorials - "Getting started with modules" Bug in CMS Development

CMS Development Tutorials - "Getting started with modules" Bug

HLin — Tue, 02 Aug 2022 19:24:50 GMT

I am trying my hand at working with the web development side of HubSpot and going through the tutorials one by one. I've started the "Getting started with modules" tutorial and got through Part 1 without problem. In Part 2, however, when I attempt to add the Testimonial.module created from Part 1 into the home.html template in the suggested line, I get an error along the lines of:

Invalid argument in 'dnd_module': dnd_area-module-4 spanning columns 1 to 6 overlaps with dnd_area-module-3 spanning columns 1 to 12

After attempting to redo the tutorial and doing my own debugging, I determined that the code I'm adding doesn't result in the desired change that is shown in the tutorial:

In addition, the tutorial references a homepage.html that doesn't exist and thus I assumed would be the home.html file.

And so, I came to the conclusion that either there is a bug I don't understand while attempting this tutorial, or the tutorial is possibly out of date. I am wondering if anyone else is running into the same issue or if they have resolved this before and how?

Re: CMS Development Tutorials - "Getting started with modules" Bug

Jaycee_Lewis — Tue, 02 Aug 2022 20:30:03 GMT

Hi, @HLin 👋 Thanks for bringing this to our attention. I am going to block some time off today and run through the guide up to where you are having issues. I'll follow up here with what I find out for us.

Talk soon! — Jaycee

Re: CMS Development Tutorials - "Getting started with modules" Bug

cprv — Thu, 17 Nov 2022 20:40:28 GMT

I also ran into this same issue.

Re: CMS Development Tutorials - "Getting started with modules" Bug

lourancostahs — Wed, 25 Jan 2023 18:57:37 GMT

Hi @HLin and @cprv .

I was having the same problem, maybe these two link can help you.

https://community.hubspot.com/t5/CMS-Development/Cant-get-grid-system-to-work/m-p/435588

https://developers.hubspot.com/docs/cms/hubl/tags/dnd-areas#drag-and-drop-module-code-dnd-module-code-

In my case I decide that each module has width=4, the first start with offset = 0, the secont with offset = 4 and the last with offset = 8.

Re: CMS Development Tutorials - "Getting started with modules" Bug

Jaycee_Lewis — Fri, 27 Jan 2023 23:10:55 GMT

Thanks for sharing that, @lourancostahs 🙌

Re: CMS Development Tutorials - "Getting started with modules" Bug

LFilip — Wed, 26 Apr 2023 08:58:35 GMT

I got into the same issue following the tutorial, I'm stuck, any news with this?

Re: CMS Development Tutorials - "Getting started with modules" Bug

LFilip — Wed, 26 Apr 2023 09:05:11 GMT

For anyone here with the same issue, the problem comes from the grid system. @lourancostahs answer should be accepted as a fix. In my case for the same issue, his suggestion did the trick.