Skip to main content

Edit Widgets Panel

These features available on All Plans

Overview

The Edit Widgets Panel displays controls for all widgets in your campaign, enabling you to edit and arrange them.

  • By default, the Edit Widgets Panel is open when the Campaign Builder loads.
  • You can toggle its visibility by clicking its icon on the left side of the page.
  • When Auto Layout is turned off, you can reposition the panel by dragging its header. With Auto Layout enabled, the panel is positioned in the top-left corner of the workspace.

Getting There

  1. Click the Edit Widgets Panel button EditWidgetsButton.png in the top-left corner of the Campaign Builder.
  2. To move the panel:
    • Click the Auto Layout icon AutoLayout.png to turn off Auto Layout.
    • Drag the panel to your preferred location.

About

The Edit Widgets Panel includes several tools and actions for managing widgets:

Header Bar

  1. mceclip10.png Expand All Containers:

    • Automatically expands all containers in the campaign.

  2. mceclip11.png Collapse All Containers:

    • Automatically collapses all containers in the campaign.

  3. mceclip12.png Show/Hide CSS IDs:

    • Toggles the visibility of CSS IDs.
    • By default, CSS IDs are visible.

Main Panel

Actions for Widgets

  1. Select a Widget:

    • Click a widget to select it; it will be highlighted in blue.
    • Once selected, additional icons (e.g., pencil, lock) become visible.

  2. Reorder Widgets:

    • Drag and drop widgets to rearrange their position within the campaign.

  3. Rename a Widget:

    • Double-click the widget's name to edit it.
    • Press Enter/Return to save or click outside the field to cancel changes.

  4. Lock a Widget:

    • Click the lock icon LockWidget.png to lock the widget, preventing it from being moved.
    • Click the lock icon again to unlock it.

  5. Change Visibility:

  6. Edit a Widget:

    • Hover over a widget and click the pencil icon Edit Gray.png to open its settings.

  7. View CSS ID or Smart Label:

    • CSS IDs and Smart Labels appear beneath the widget name and start with #.
    • When CSS IDs are toggled off, hover over the widget to view the CSS ID in a tooltip.
    • Shift+Click the CSS ID or Smart Label to open the widget's Extras settings.

  8. View Collected Entries:

    • Click the Entries Manager icon EntriesManagerButton.png on a Form or Entry Display Widget to open the Entries Manager for the connected list.

  9. Edit List Settings:

    • Click the Edit List Settings icon EditList.png on a Form or Entry Display Widget to modify the attached list's settings.

Footer Bar

  1. Search Widgets:

    • Type a widget name into the search field to highlight matching widgets in the campaign.

  2. Copy Widgets:

    • Copies selected widgets and their settings.
    • Container Widgets: Copies the container and all nested widgets.
    • Use Ctrl+C (PC) or Cmd+C (Mac).
    • Widgets can be copied between campaigns.

  3. Paste Widgets:

    • Pastes copied widgets into the campaign.
    • Use Ctrl+V (PC) or Cmd+V (Mac).
    • Widgets can be pasted between campaigns.

  4. Put Selected Widgets in a Container:

    • Automatically creates a Container Widget and places selected widgets inside it.

  5. Remove Visibility Settings:

    • Removes visibility settings for selected widgets.

  6. Delete a Widget:

    • Click the trash can icon to delete selected widgets.
    • For Container Widgets, all nested widgets will also be deleted.
    • A confirmation popup will appear before deletion.

  7. View CSS ID:

    • Displays the CSS ID of the selected widget, even if CSS IDs are toggled off.

 

Was this article helpful?