HubL template

Ben_NH — Tue, 30 Apr 2024 19:04:49 GMT

I've created a bespoke HubL / HTML template and whilst it looks great within the page editor, it doesn't allow me to rearrange the modules or add new modules between modules pre-specified within the code.

From my understanding the modules can share the same section and column but need to use their own row so am I doing something wrong?

{% dnd_area "dnd_area" label="Main Content" %} {% dnd_section %} {% dnd_column %} {% dnd_row %} {% dnd_module path='../Modules/BS_Navigation' %}{% end_dnd_module %} {% end_dnd_row %} {% dnd_row %} {% dnd_module path='../Modules/BS_Hero.module' %}{% end_dnd_module %} {% end_dnd_row %} {% dnd_row %} {% dnd_module path='../Modules/Introduction.module' %}{% end_dnd_module %} {% end_dnd_row %} {% dnd_row %} {% dnd_module path='../Modules/Infocard_Isotope.module' %}{% end_dnd_module %} {% end_dnd_row %} {% dnd_row %} {% dnd_module path='../Modules/Promo_Block.module' %}{% end_dnd_module %} {% end_dnd_row %} {% dnd_row %} {% dnd_module path='../Modules/Sitemap.module' %}{% end_dnd_module %} {% end_dnd_row %} {% dnd_row %} {% dnd_module path='../Modules/Gallery.module' %}{% end_dnd_module %} {% end_dnd_row %} {% dnd_row %} {% dnd_module path='../Modules/Local_Area.module' %}{% end_dnd_module %} {% end_dnd_row %} {% dnd_row %} {% dnd_module path='../Modules/Register_Interest.module' %}{% end_dnd_module %} {% end_dnd_row %} {% dnd_row %} {% dnd_module path='../Modules/Similar_Developments.module' %}{% end_dnd_module %} {% end_dnd_row %} {% dnd_row %} {% dnd_module path='../Modules/Latest_News.module' %}{% end_dnd_module %} {% end_dnd_row %} {% end_dnd_column %} {% end_dnd_section %} {% end_dnd_area %}

Re: HubL template

AnzeKoprivec — Wed, 01 May 2024 09:01:52 GMT

Hi @Ben_NH ,

Did you create this template inside a HubSpot theme / are you using the template combined with any existing theme css.

Its possible you're missing the CSS needed for the row/column functionality of the D&D area tags. You can find the css in the theme boilerplate in case this is the issue: https://github.com/HubSpot/cms-theme-boilerplate/tree/main/src/css/objects

If not, could you send a quick video/screenshots of the problem on the frontend or share a link to a repo with the code.

Thanks

If my post helped answer your query, please consider marking it as a solution.

Re: HubL template

Ben_NH — Thu, 02 May 2024 10:31:44 GMT

What a legend! Thank you very much @AnzeKoprivec that fixed the issue perfectly 😀

topic Re: HubL template in CMS Development

HubL template

Re: HubL template

Re: HubL template