<TextField>

The data is divided in 2 types of elements:

• Static contents which are single fields. Example: the description of the website.
• Flows which are sets of items. Example: a portfolio. Items of a flow share the same fields.

It's suggested to create a .json file for each independent part of your website to avoid useless loads. Example: the portfolio and the about text are stored in home.json and the blog in blog.json.

Open index.php then change the load() .json data file path and the tpl::parse() .html template file path to match with yours. You can load or parse more than one file by duplicating the lines.

If you want to create a separate page, copy paste the index.php file in the same directory then edit the file name and the data and template files path.

From now on, links between pages must call .php root files.

In the panel, you have the matching variable name under each field and each flow. Call a simple variable to display its value: {about_text}. Use the following syntax for flows:

{item in $articles} <!-- "item" is a prefix to avoid conflicts and could be named as you want -->
    <h2>{item_title}</h2>
    {item_text}
{end}

To set a conditon, use this syntax:

{if /*PHP syntax here, you have access to all the variables*/}
    <!-- content -->
{elseif /*PHP syntax*/}
    <!-- content -->
{else}
    <!-- content -->
{end}

Want to do more? <TextField> uses Templite engine, read its short documentation.

An automatic variable is set to each item of a flow, called $id. Its value is the specific zero-based number of the item.

Variables have not always simple text value. To help, some field types automatically create extra variables: date, image... Just open the source in your browser to see the available variables and their content at the end of it.

{prefix in sortFlow($flow, 'id')}...{end} sorts a flow by item $id ascendant.
{prefix in sortFlow($flow, 'id', true)}...{end} sorts a flow by item $id descendant.
{prefix in filterFlow($flow, fn($item) => $item['id'] <= 3)}...{end} selects the items which id is 3 or less. Use PHP syntax and the items variables to write conditions.
{prefix in sortFlow(filterFlow($flow, fn($item) => $item['id'] <= 3), 'id', true}...{end} both filters and sort matching items.

First, freeze the data tree by turning off developer mode: open core/config.php and set 'devmode' to false.

Then comment out the tpl::fix() line in each PHP root file you've created, so visitors can't see the variables list.

Finally, set 'cache' to 1 in core/config.php to speed up your pages and avoid accidental edits from stray clicks in the panel. Click "Publish" in the panel each time you want the site to refresh.