Editing a Component in Form View

Edit a Component in a Form View dialog to have complete access to all aspects of the Component, including preview functionality.

Procedure

  1. On an editable webpage, start editing by clicking the pencil button in the top right corner.
  2. Select a Component that you want to edit in a dialog and in the Home tab of the ribbon toolbar, click Open in Form View.

    A Component dialog appears, showing all fields of the Component in a form.

  3. Now do one of the following:
    • To modify the data fields of the Component, modify one or more of the fields you see.
    • To preview the Component as it will appear on the published website, click Preview in the Home tab of the ribbon toolbar.

      In the Preview dialog that opens, you see a default preview of the Component. In this dialog, you can do the following:

      • You can select a Template from the Component Template dropdown menu, then click Refresh Preview, to see different visualizations of the Component. Different Templates will show more or less of the content, use different styles, colors, and fonts, and so on. When previewing a Component, note that the actual dimensions of the Component will be different on the webpage.
      • You can select the Source tab to see the source HTML code fragment of the Component as visualized by the selected Template.

    When you are finished making changes, click the Save & Close button in the toolbar to commit your changes and close the dialog.

    The dialog closes. The webpage is updated to reflect the new changes (if inline editing of the Component is enabled).