Add and manage panel elements

The panel builder in Zoho Creator enables customizing panels, including adding more elements—text, images, and buttons—to them:

• Add text to a panel
• Add an image to a panel
• Add a button to a panel
• Delete an element

Add text to a panel

1. Edit your application.
2. Select the required page from the component menu near the top-left of the Design page.
3. Hover over the page's preview and click Open Page Builder.
4. Select the required panel.
5. Click the Configure button displayed at the top of the page builder. Alternatively, you may double-click the panel. The panel builder will slide in from the right.
6. Click the Add New Elements button displayed on the left. Predefined templates will appear.
7. Drag and drop the required text element to the panel.

   

Add an image to a panel

1. Edit your application.
2. Select the required page from the component menu near the top-left of the Design page.
3. Hover over the page's preview and click Open Page Builder.
4. Select the required panel.
5. Click the Configure button displayed at the top of the page builder. Alternatively, you may double-click the panel. The panel builder will slide in from the right.
6. Click the Add New Elements button displayed on the left.
7. Click Image. Predefined templates will appear.
8. Drag and drop the required image element to the panel:

   

9. Select the required icon.
10. Change the Image source as required:
    • Select My library, then select an image from your account's library or upload one from your device
    • Select Web link, then enter the URL of an image that's publicly accessible on the Web

    

Add a button to a panel

1. Edit your application.
2. Select the required page from the component menu near the top-left of the Design page.
3. Hover over the page's preview and click Open Page Builder.
4. Select the required panel.
5. Click the Configure button displayed at the top of the page builder. Alternatively, you may double-click the panel. The panel builder will slide in from the right.
6. Click the Add New Elements button displayed on the left.
7. Select Button.
8. Drag and drop the required button element to the panel.

   

Delete element from panel

1. Edit your application.
2. Select the required page from the component menu near the top-left of the Design page.
3. Hover over the page's preview and click Open Page Builder.
4. Select the required panel.
5. Click the Configure button displayed at the top of the page builder. Alternatively, you may double-click the panel. The panel builder will slide in from the right.
6. Select the required text, image, or button element.
7. Click the Delete Element button displayed at the bottom-right corner of the panel builder. An alert will appear to confirm deletion.
8. Click Yes in the alert.