Building components for the Visual Page Builder

Component source files can be modified to take advantage of a number of the Visual Page Builder features. This documentation helps developers understand the modifications required to enable support for:

  1. Quick options for fields.

  2. Inline editing of fields.

  3. Collapse by default of a group of fields.

  4. Disabling the auto-reload of the component.

Prerequisites

The following are required:

  • Access to the following capabilities:

    • Component Service

    • Content Management

  • Access to Squix DXP.

  • Familiarity with the Visual Page Builder and content page assets.

Topics

  • Introduction

    Get an overview of the special configurations available to components developed for the Visual Page Builder.

  • Quick options

    Learn how to enable and use quick options for component propertiess.

  • Inline editable

    Learn how to enable and use inline editing for component properties.

  • Collapsed by default

    Learn how to set component configuration fields to be collapsed by default in the Page Builder UI.

  • Auto reload

    Learn how to auto-reload components in the preview column after configuration changes.

  • Updating a component for Visual Page Builder

    This tutorial offers a practical excerise in modifying components to leverage Visual Page Builder features.