Hi All,
@bobray, thank you for your tip.
In fact it was exactly because of your tip that I found out what was wrong along with code inspection of the fred demo template.
On a simplistic way, the problem was related with too many data-fred-name over the nested elements.
In fact, I didn’t change the code that much.
Here is what I did:
On the template itself (that is having the bind to fred), I removed data-fred-name, and preserved this:
<div data-fred-dropzone="content" data-fred-target="content" style="min-height: 500px">
[[*content]]
</div>
Then, on the block where I was intending to place heading blocks and paragraph blocks, this is what changed:
<section class="container-fluid py-5 {{ PanelColor }}" data-fred-block-class="wrapper" data-fred-render="{% if published %}true{% else %}false{% endif %}" id="{{ anchortext|lower|replace({' ': ''}) }}">
<div class="container px-0 py-4">
<h4 class="text-uppercase m-0 font-weight-bold {{ MainTitlesTextColor }}{% if GeneralContentBlockShowMainTitle %}{% else %} d-none{% endif %}" data-fred-name="general-content-block">Section Title</h4>
<div class="row py-5">
<div class="col-12 {{ GeneralTextColor }}" data-fred-dropzone="general-content-drop-area" style="min-height:250px">
</div>
</div>
</div>
</section>
Again, no data-fred-name, just the data-fred-dropzone.Only having Fred name for the h4 itself in order to be editable.
Now the elements meant to be dragged into above div with dropzone:
HeadingBlock:
<{{ GenericHeaderSize }} class="mt-3 {{ GenericHeaderThikness }} {{ GenericHeaderCapitalize }} {{ GenericHeaderPlacement }} {{ GenericHeaderColor }}" data-fred-name="GenericHeader">Change me</{{ GenericHeaderSize }}>
GenericTextBlock:
<div class="mt-2 {{ GenericTextSize }} {{ GenericTextThikness }} {{ GenericTextColor }}" data-fred-name="GenericTextBlock" data-fred-rte="true" data-fred-rte-config="simple">Type your text here</div>
That’s it!
Working like a charm.
Now I can add whatever I want, it saves perfectly and I can even put as many blocks as I want sequentially with no issues at all.
I am not sure if this was also the solution while having Fred 1.0, but with 1.1.0 Beta2 works.
Cheers @bobray and @digitalpenguin and thanks again!