Using Fragments¶
- Default Fragments Reference
- Using Layout Elements
- Configuring Fragments
- General Settings Reference
- Standard General Settings
- Container Options
- Grid Options
- Button Options
- Card Options
- Dropdown Options
- External Video Options
- Heading Options
- Image Options
- Separator Options
- Slider Options
- Spacer Options
- Tabs Options
- Video URL Options
- Content Display Options
- Content Flags Options
- Collection Filter Options
- Applied Filters Options
- Content Ratings Options
- Collection Display Options
- Additional Information
- Styles Reference
- Advanced Settings Reference
- Fragment Sub-Elements Reference
- Localizing Fragment Configuration Fields
- Fragment Configuration Options
- Fragment Sub-Element Settings
- General Settings Reference
- 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
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.
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.