Using Fragments

Page fragments are extensible and reusable drag-and-drop elements for building content pages and templates (i.e., masters, pages, and display pages). Built with HTML, CSS, and JavaScript, they can provide both structure and functionality to your pages.

Build content pages and templates with fragments.

Liferay provides many out-of-the-box fragments, and you can also develop your own using the page fragment editor interface. Additionally, you can embed Liferay widgets or add editable fields within fragments. See Developing Page Fragments to learn more.

Note

Embedding widgets to fragments is deprecated as of Liferay DXP 2024.Q4/Portal GA129 and is scheduled for removal in a future release. Instead, add the widget directly to the content page.

Liferay DXP 2025.Q2+/Portal GA135+ Liferay Marketplace offers free fragments that you can browse and add directly from the Fragments application or the Page Editor. These fragments provide additional design and functionality options without requiring custom development. See Adding Marketplace Fragments to Pages for more details.

To personalize form fields, you can map them to your form fragments.

All fragments are organized into sets for easier management, with common resources available to all the fragments. See Including Default Resources in Fragments for more information.

After adding fragments to a page or template, you can configure and customize them and their sub-elements. See Configuring Fragments to learn more about available options.

Capabilities

Product

Education

Contact Us

Connect

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