Documentation

Default Fragments Reference

Liferay provides a variety of Fragments out-of-the-box, so you can start building your solution right away. To view available fragments, begin editing a Content Page or Page Template. While editing, open the Fragment and Widgets tab (Fragments and Widgets) in the editing Sidebar Menu.

Fragments are organized into the following sets:

Note

Available configuration options vary by Fragment and Fragment sub-element. See Configuring Fragments for more information.

Layout Elements

Available: Liferay Portal 7.3 GA2+; previously called Layouts with panels and rows.

Layout Elements define drop zones that you can use to design Page and Template layouts. By Default, Liferay includes two Layout Elements: Containers and Grids.

Fragment

Description

Container

Adds a configurable drop zone.

Grid

Adds multiple drop zone modules. These modules can be configured and arranged vertically or horizontally.

Basic Components

These are simple design elements that add basic functionality to a page. Examples include buttons, headings, and tabs. With these Components, you can build your page piece by piece. DXP includes the following Basic Components.

Fragment

Description

Button

Adds a link element with five available button types: Primary, Secondary, Link, Outline Primary, and Outline Secondary.

Card

Adds image, rich text, and link elements arranged as a display card.

Dropdown (Available 7.4+)

Adds a simple text element and drop zone. You can drag-and-drop other Fragments and widgets into the drop zone to create an advanced drop-down menu.

External Video (Available 7.4+)

Embeds an external video in a Page or Template. Supported video sources include YouTube, Facebook, Twitch, Vimeo, and videos stored in Documents and Media. See Embedding Videos for more information.

Heading

Adds a simple text element that can be configured to use H1-H6 style.

HTML

Adds an editable HTML element. Double-clicking the element opens a modal window where you can edit its content using HTML syntax.

Image

Adds a configurable image element. When configuring, determine whether to use the image’s original size, or adjust it to fit its context.

Paragraph

Adds a rich text element. When editing, highlight the fragment’s text to access additional formatting options.

Separator

Adds a horizontal line between Page elements. You can configure its spacing and color.

Slider

Adds multiple images with rich text overlay that are grouped into slides. Users can manually cycle through each slide.

Social

Adds image elements with Facebook, Twitter, and LinkedIn icons, which you can link to pages on each platform.

Spacer

Adds a horizontal blank space between Fragments on a page. You can configure its height.

Tabs

Adds multiple tabs with simple text elements and individual drop zones for adding widgets and other Fragments.

Video URL (previously Video Fragment)

Embeds a video from Youtube or Documents and Media in a Page or Template. You can set the video to autoplay, loop, or mute. You can also hide video controls from end users. See Embedding Videos for more information.

Content Display

Available: Liferay DXP/Portal 7.3+

Use Content Display Fragments to display Site content individually or as part of a Collection. You can also add Page elements for rating or flagging Page content. DXP includes the following Content Display Fragments.

Fragment

Description

Content Display

Displays a single content item from Documents and Media, Web Content, Blogs, or Categories. Available configuration options depend on the selected content type.

Content Flags

Adds an element for flagging a content item.

Content Ratings

Adds an element for rating a content item.

Collection Filter (Available 7.4+)

Adds an element for filtering a Collection Display using a Vocabulary or Category.

Applied Filters (Available 7.4+)

Adds an element for displaying and managing filters applied to a Collection Display.

Collection Display

Displays manually and dynamically defined Collections, as well as Collections defined by a Collection Provider. You can configure whether the Collection is displayed in a grid, or with a list template (i.e., bordered, bulleted, inline, numbered, and unstyled). See Displaying Collections for more information.

Footers

Available: Liferay DXP 7.3+; previously included in the Sections panel.

Use Footer Fragments to add a custom footer to Master Page Templates for Content Pages. Each footer includes a navigation menu, sign-in link, image element, and copyright text. DXP includes the following layouts for Footer Fragments:

Add a custom footer to Master Page Templates for Content Page.