By Guest 54d3996a on 2019-06-10 09:17 in GSOC 19 Page Builder Project

Date: 24th May 2019

Time: 01:00 pm CEST

The meeting was attended by Viviana Menzel, Franciska Persia, Benjamin Trenkle, Nitish Bahl, Anurag Kumar


Nitish Bahl and Franciska Persia and their mentors Viviana Menzel and Benjamin Trenkle had their second meeting for the Joomla 4.0 project page builder. The meeting started with discussing the agenda and deliverables for the 1st week of the coding period, the following objectives were finalized-

Working on the parameter(PHP) - The parameter will be converted into a JSON object which will be stored and then rendered by index.php file.

  1. Integrating vue.js in the com_template.
  2. Have a drag and drop area ready.
  3. Can drag a custom element from the "bar"
  4. Create a flowchart on paper to figure out problems with the approach.

The basic structure and layout of the JSON parameter were discussed in depth along with the use of Bootstrap 4 grid layout which enhances flexibility. For the basic JSON structure, we need 3 components-

- grid wrapper (let's call this grid)

- columns (which have the sizes)

- module positions


One grid element will have children similar to:- [{"type": "column", "options": {size: 3, style: foobar, ...}, "children": {...}}, {"type": "column", "options": {size: 4, style: foobar, ...}, "children": {...}}, ....]


In the end, it will be like a nested JSON, which can be easily traversed recursively for rendering. Attributes required in JSON such as module chrome etc. were also discussed. Selected features of different online editors & page builders can be taken.


The workflow will be to commit to branches of the page builder GitHub project. Every student must give a daily brief on Glip channel regarding work is done/planned for that day along with at least 2 commits.