Page Builder (grapesJS) support for Flexicontent item, category, module layouts

[ggppdk]

• [x] Create Form Element 'PageBuilderLayout'

Implement Page Builder for

• [x] Universal module layouts (standards items list)
• [x] Universal module layouts (featured items list)
• [ ] Item view layouts
• [ ] Category view layouts
• [ ] Item form layouts (per type)

[micker]

... you want to add a page builder inside flexicontent ? A revolution

[ggppdk]

We could add layouts builder to description of content, or other textarea parameters or our textarea field but lets leave this to 3rd party

I have created a Form element to use the page builder for our layouts, that can do these 2 things

1. multiple builders inside same page (e.g. different layout for featured and standard items for module)
2. be able to use the layout HTML created by the builder in a ... -- repeatable-- way,

Regarding point 2, the builder assumes you will display the layout only once inside same page, but we want to be able to repeat the layout for every single item of module or category view

This last one is tricky ...

• we either need to replace some of the built-in blocks offered by the builder
• or we would need to "manipulate" their HTML / JS output

[micker]

You will add flexicontent field in grapejs to drag and drop in template ? Maybe we can add CSS for label and some css element

[ggppdk]

You will add flexicontent field in grapejs to drag and drop in template ?

Done already, created a block for field's HTML display, it adds to layout

{flexi_field:FIELD_NAME item:{{item->id}} method:display} {flexi_field:FIELD_NAME item:{{item->id}} }

Maybe we can add CSS for label and some css element

Maybe the user can just output the language string of the label

• and then the user would use the existing styling tools to style the label

so i think we just need a block to output

{flexi_jtext:LANG_STRING}

[micker]

perfect

[ggppdk]

Also restructured module configuration to make it clearer

[micker]

very good !!!