Using FragmentsΒΆ
- Default Fragments Reference
- Using Layout Elements
- Configuring Fragments
- General Settings Reference
- Standard General Settings
- Container Options
- Grid Options
- Button Options
- Card Options
- Drop-down 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
- Form Fragment Options
- Additional Information
- Styles Reference
- Advanced Settings Reference
- Fragment Sub-Elements Reference
- Localizing Fragment Configuration Fields
- General
- Styles
- Advanced
- 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 for building content pages and their related templates (i.e., Masters, pages, and display pages). They are built using CSS, HTML, and JavaScript and can provide both structure and functionality to your pages.
Liferay provides a variety of fragments out-of-the-box, but you can develop custom fragments using 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 include common resources accessible to all the fragments. 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.