---
title: "Create editable sections on a page"
canonical: "https://support.appfire.com/space/SCAFS/477598960/Create%20editable%20sections%20on%20a%20page"
format: markdown
---
> Macro (aura-html)

## Overview

This page demonstrates how to insert a simple form with two separate editable sections. 

![image](media://49af396f-4213-4c9b-93fd-79cc44db51ad)

![image](media://05e5188f-dba0-4e60-9e1b-a0222d48d629)

## Ingredients

| **Apps** | Scaffolding |
| --- | --- |
| **Macros** | Data section (Beta), Text Data |

## Guide

### Create the first data section macro

1. Insert a [Data Section](https://appfire.atlassian.net/wiki/spaces/SCAFS/pages/477599930) macro onto your page.
2. Add a header, `Project Description`, near the top of the data section.
3. Add a Text data macro below the header and name it `TextDataProjDescr`.

### Create the second data section macro

1. Insert another [Data Section](https://appfire.atlassian.net/wiki/spaces/SCAFS/pages/477599930) macro.
2. Add a title to this section - `Project Team Members`.
3. Within the [Data Section](https://appfire.atlassian.net/wiki/spaces/SCAFS/pages/477599930) macro:
  1. Create a [dynamic table](https://appfire.atlassian.net/wiki/spaces/SCAFS/pages/477598775). Click the link to know more about creating dynamic tables.
  2. Add [Text Data](https://appfire.atlassian.net/wiki/spaces/SCAFS/pages/477600110) macros within.    
Structure the macros as shown below.

![image](media://2757dba7-b430-479d-8d86-949418053b74)

4. **Save** the page to continue.

### Use the Edit Section buttons to enter data separately for each section

1. Click an **Edit Section** button to enter data for each section.

For this example, click the **Edit Section** button for `Project Team Members`.

> ✅ The editor loads and only shows the table for team members. The rest of the page is not shown.

![image](media://ec4e6fd7-695e-4731-bd8a-4ca571b2ea33)

2. Enter the data as you normally would.
3. **Save** when you are done to update with your changes.

> ✅ You can still use the standard **Edit Content** button, which loads the entire page.

## Notes

Not applicable.

## Result

Note: Buttons are not functional in this sample screenshot.

![image](media://0fad7389-ba3a-48c3-9cc5-5b9201e49522)