Using Content Pages

Adding Elements to Content Pages

After creating a content page, you can add widgets and fragments to build the page’s content and structure.

  1. Navigate to the content page and click Edit (Edit Button). This opens the content page editor.

  2. Open the Fragments and Widgets (Fragments and Widgets) side panel and drag the desired elements onto the page.

    You can browse the fragments and widgets tabs or use the search field to find a specific element.

    Add fragments and widgets from the editing sidebar.

  3. (Optional) After adding elements, open the Browser panel (Browser) to view and manage all elements added to the page.

    View and manage all elements added to the page in the Browser panel.

    In Liferay 7.4 U37/GA37+, you can drag and drop elements in the browser panel to reorganize them or double click elements to rename them.

    Note

    Starting with Liferay DXP 2024.Q4/Portal GA129, you can select multiple elements in the Page Editor. Hold CTRL (Windows/Linux) or OPTION (macOS) while clicking elements to select them individually, or hold SHIFT and click to select a range. Cut, copy, and paste elements using Options (Options menu) or keyboard shortcuts. See Content Page Editor UI Reference and Feature Availability for details.

  4. Select and configure each page element in the configuration sidebar. See Configuring Fragments for more information.

    Select and configure each page element in the Configuration sidebar.

  5. Click Publish.

    By default, publishing makes your changes live immediately. However, if a workflow directs the review and publishing process, clicking Publish initiates the defined procedure.

Note

While editing the page, Liferay automatically saves your progress as a draft.

Feature Availability

Drag & Drop/Multi-selection

Select multiple elements using CTRL (Windows/Linux) or OPTION (macOS) and SHIFT, then cut, copy, or paste them using the Options menu or keyboard shortcuts.

Liferay VersionFeature StatusFeature Flag Label
Liferay DXP 2024.Q4/Portal GA129BetaImproved Data Field Manipulation Tools (LPD-18221)
Liferay DXP 2025.Q1/Portal GA132ReleaseImproved Data Field Manipulation Tools (LPD-18221)
Liferay DXP 2025.Q2GA-