Mapping and Linking Fragment Elements

You can map and link fragments together as reusable components for your digital experiences (e.g., form submissions and navigation actions).

Note

Not all fragments support mapping and linking options. See General Settings Reference to learn more.

Mapping Fragment Elements

  1. Open the Site Menu (Site Menu), expand Site Builder, and go to Pages.

  2. Create a new page or start editing one.

  3. Use a fragment on the page or drag and drop a new one from the Fragments and Widgets toolbar.

    This example uses the Button fragment under Basic Components.

    Add a button fragment to the page.

  4. Double-click the button fragment to access its link element.

  5. On the right, select the Mapping tab, click +, and select an item. This maps it to the button’s content.

    Select a web content article as the mapped item.

  6. Once you select an item, click the Field drop-down to access available options and select one of them.

    In this exercise, the button’s content is mapped to a web content article’s title.

    Map the button's content to a web content article's title.

Your fragment is mapped to a field from an item.

The web content article's title is now mapped to the button fragment's content.

Next, link the fragment to a URL, a page, or a mapped URL.

Linking Fragment Elements

Link fragment elements to establish connections or interactions between components. This can include linking buttons to trigger actions such as form submissions or navigation to other pages or external URLs.

To link a fragment element, use the existing button fragment that was mapped to the web content article’s title:

  1. Double-click the button fragment to access its link element.

  2. On the right, select the Link tab and choose a Link type from the drop-down menu: URL, Page, or Mapped URL.

    The URL type accepts localized URLs that can point to external websites.

    The available options for the URL link type.

    The Page type links directly to a page within the site instance.

    The available options for the Page link type.

    The Mapped URL type can point to assets with mappable fields or dynamically generated links managed within the CMS.

    The available options for the Mapped URL link type.

  3. (Optional) Decide whether to open the link in a new tab.

Capabilities

Product

Contact Us

Connect

Powered by Liferay
© 2024 Liferay Inc. All Rights Reserved • Privacy Policy