CMS Development

llopez1
Member

two dnd_column with width = 6 not working

SOLVE

Hello community, I have a problem with the layout. I want to create two columns inside my section so I use a width of 6 and an offset of 0 and 6 respectively.
but the result gives me the following structure

llopez1_0-1638656015605.png

it creates a new row instead of column.

but if I try with different values like 5 and 7 it works

llopez1_1-1638656146309.png

here is my code

{% dnd_section %}
  {% dnd_column width=6, offset=0%}
    {% dnd_row %}
      {% dnd_module
       path="@hubspot/rich_text",
      %}
      {% module_attribute "html" %}
        <p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
         </p>
       {% end_module_attribute %}
     {% end_dnd_module %}
   {% end_dnd_row %}
 {% end_dnd_column %}
   {% dnd_column width=6, offset=6%}
     {% dnd_row %}
       {% dnd_module
         path="@hubspot/rich_text",
         width=6,
         offset=0
        %}
       {% module_attribute "html" %}
         <p>
                 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
         </p>
        {% end_module_attribute %}
      {% end_dnd_module %}
    {% end_dnd_row %}
  {% end_dnd_column %}
{% end_dnd_section %}

How do I fix this? Thanks!

 

0 Upvotes
1 Accepted solution
webdew
Solution
Guide | Diamond Partner
Guide | Diamond Partner

two dnd_column with width = 6 not working

SOLVE

Hi @llopez1 ,

We used your code in our editor, corrected it and now it's working fine. Check this Screenshot:

webdew_0-1638783198980.png


Just replace your code with the following code

 

 {% dnd_section %}

  {% dnd_column width=6, offset=0%}

    {% dnd_row %}

      {% dnd_module

       path="@hubspot/rich_text", 

      %}

      {% module_attribute "html" %}

        <p>

Lorem Ipsum is simply a dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

         </p>

       {% end_module_attribute %}

     {% end_dnd_module %}

   {% end_dnd_row %}

 {% end_dnd_column %}

   {% dnd_column width=6, offset=6%}

     {% dnd_row %}

       {% dnd_module

         path="@hubspot/rich_text",

        

        %}

       {% module_attribute "html" %}

         <p>

                 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

         </p>

        {% end_module_attribute %}

      {% end_dnd_module %}

    {% end_dnd_row %}

  {% end_dnd_column %}

{% end_dnd_section %}

 

The error in your code was this:

webdew_1-1638783240439.png


Hope this helps!
If we were able to answer your query, kindly help the community by marking it as a solution.
Thanks and Regards.

View solution in original post

webdew
Solution
Guide | Diamond Partner
Guide | Diamond Partner

two dnd_column with width = 6 not working

SOLVE

Hi @llopez1 ,

We used your code in our editor, corrected it and now it's working fine. Check this Screenshot:

webdew_0-1638783198980.png


Just replace your code with the following code

 

 {% dnd_section %}

  {% dnd_column width=6, offset=0%}

    {% dnd_row %}

      {% dnd_module

       path="@hubspot/rich_text", 

      %}

      {% module_attribute "html" %}

        <p>

Lorem Ipsum is simply a dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

         </p>

       {% end_module_attribute %}

     {% end_dnd_module %}

   {% end_dnd_row %}

 {% end_dnd_column %}

   {% dnd_column width=6, offset=6%}

     {% dnd_row %}

       {% dnd_module

         path="@hubspot/rich_text",

        

        %}

       {% module_attribute "html" %}

         <p>

                 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

         </p>

        {% end_module_attribute %}

      {% end_dnd_module %}

    {% end_dnd_row %}

  {% end_dnd_column %}

{% end_dnd_section %}

 

The error in your code was this:

webdew_1-1638783240439.png


Hope this helps!
If we were able to answer your query, kindly help the community by marking it as a solution.
Thanks and Regards.