Form

The Form panel allows you to edit entries and see real-time updates directly on the Visual Builder canvas.

The Form panel includes several capabilities that help you edit efficiently without leaving the context of your page.

• Breadcrumb Navigation: Navigate between parent and referenced entries using the entry breadcrumb trail without leaving the page.
• Inline Reference Editing: Edit referenced entries directly within the Form panel without opening a new tab for uninterrupted content updates.
• Real-Time Preview Sync: Instantly view changes on the canvas as you edit, ensuring what you see accurately reflects what will be published.

To access the Form panel, log in to your Contentstack account, and perform the following steps:

1. Navigate to your stack and select Visual Experience.
2. Click Builder in the bottom pill menu.
3. Use URL bar to locate the page you want to update the content.
4. In the right sidebar, click the Form icon to open the entry editor.
5. Edit the fields in the Form panel to see real-time changes on the Visual Builder canvas.
6. Alternatively, click any field in the canvas. Then, in the toolbar, select Form to open that field in the Form panel.

   Tip: You can also use field modifiers directly on the canvas for supported fields without opening the Form panel.

7. Click the “Open in editor” icon next to the page title to open the full entry editor in a new tab.

   

Whether you’re making minor edits or updating referenced content, the Form panel helps you work faster without losing context. This makes it a powerful tool for streamlined content updates.