Documentation

Using Fragments¶

Page Fragments are extensible and reusable drag-and-drop elements that you can use to build Content Pages and Templates (i.e., Masters, Pages, Display Pages). They are built using CSS, HTML, and JavaScript and can provide both structure and functionality to a Page.

Build Content Pages and Templates with Fragments.

Liferay provides a variety of Fragments out-of-the-box. However, you can also develop custom Fragments using either the Page Fragment editor or Fragments Toolkit. Additionally, you can embed Liferay widgets into Fragments or add editable fields. See Developing Page Fragments to learn more.

All Page Fragments are organized into Sets, which group related Fragments for easier management and use. Each Fragment Set can also include resources that can be referenced directly in its Fragments’ code. See Including Default Resources in Page Fragments for more information.

After adding Fragments to a Page or Template, you can configure and customize them and their sub-elements. These options can vary, though some are common to all. See Configuring Fragments to learn more about available options.

Default Fragments Reference
Using Layout Elements
Mapping and Linking Fragment Elements
Configuring Fragment Visibility
Editing Fragment Elements
Creating Dropdown Menus with Fragments
Duplicating Fragments
Saving Fragment Compositions
Managing Fragments
Propagating Fragment Changes