The builder

The builder is the Cook Self Service drag'n'drop application, for building your components.


Joomla Project Tables PagesProjects are decomposed in 3 stages. The builder is so splitted in 3 main parts :

Projects (Components) / Tables (Controllers & Views) / Pages (Layouts)


  • My project 1
    • Table 1
      • Layout 1
      • Layout 2
    • Table 2
      • Layout 3
  • My project 2

Project :

This represents your whole component. From there you can generate and download.

Joomla Create project

Tables / Views / Triad :

Each project contains its own tables. They represent the SQL data structure.
Joomla tables


Pages / Layouts :

A layout represent the component template in Joomla.

Joomla layouts templates

builder Cook Joomla tabsHierarchical Tabs

Each tab is child of the upper selected tab. It mean every time you change tab, all bottom contents (bellow the tab) will change.

image example :

  • Hello My World (selected)
    • Continent
      • Continents (invisible)
      • Continent (invisible)
    • Cities (selected)
      • Cities
      • City (selected)

Create new file

1. Click on the [ + ] button at the bottom of the files list on the left margin:

Cook Joomla create new project

2. Enter the name and click on the save icon, or type Enter

Joomla Cook add project

2.a Note : At any moment you can edit the name, clicking on the pencil icon.
Pencil icon appears when mouse roll over the file entry.

Cook File edit builder

3, The new project opens.
Properties are empty:

Joomla project properties

4, Click on the top-right pencil icon to edit the properties of the project.

Cook Project

5. Save the form with the save icon, or type Enter.

Delete / Trash

1. Drag an element to the trash to delete it. Any element with dotted handle can be trashed. (All you can create, you can destruct)

  builder Joomla Cook trash Cook Drag 'n' Drop Joomla Trash   

2. Confirm it.

Joomla confirm delete Cook

Note : When an element is used on other pages, the trash will advert you before to delete:

Joomla Cook trash linked elements


Cook toolboxThe left side margin contains tools (or elements) to drag 'n' drop in your contents (Table, Layout)


  • Projects
    • Projects (list of projects)
    • Account (user account page)

  • Tables
    • Tables (tables of parent project)
    • Wizards
    • Data Types

  • Pages
    • Layouts (layouts of parent table)
    • Fields (availables fields from this context)
    • Bricks
    • Tasks
    • Filters


Every instancied objects has a property icon to edit it.
In this example, editing the 'Name' field instancied in a grid:

Cook builder Element properties

You must click the save icon to keep the changes.

Get Started