Search Results

All Results 56
Resource Type
Deployment Approach
Capability
Feature
Using the Account Selector Fragment
Using the Account Selector Fragment Liferay DXP 7.4 U72+/GA72+ The Account Selector fragment provides an easy way for users to switch between their accounts when browsing products and creating...
Liferay Commerce Fragments
Liferay Commerce Fragments Liferay provides a variety of fragments out-of-the-box, so you can start building your solution right away. Fragments can be placed on content pages and page templates....
Using the Mini Cart Fragment
Using the Mini Cart Fragment Liferay DXP 7.4 U69+/GA69+ The Mini Cart fragment provides a detailed overview of your cart. You can use it to increase or decrease product quantity, delete products,...
Adding Icons to Navigation Menu Elements
Adding Icons to Navigation Menu Elements Liferay DXP 2025.Q2+ Use icons to make navigation menus easier to scan and more visually engaging. They provide quick visual cues that help users recognize...
Configuring Menu Displays
Configuring Menu Displays Use a Menu Display fragment or a Menu Display widget to display and configure a menu display. With either option, you can define the menu display options, levels, and...
Page Fragments and Widgets
Page Fragments and Widgets Liferay provides page fragments and widgets for building site pages and page templates. Fragments cannot be used in widget pages. They are only available in content...
Using Fragments
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...
Configuring Fragments
Configuring Fragments You can configure fragments and their sub-elements. Available options can vary, though some are common to all. To view available configuration options, begin editing a page or...
Advanced Settings Reference
Advanced Settings Reference Available 7.4 U37+/GA37+ All Liferay's default fragments include advanced settings except for the Collection Display fragment. Advanced settings can add custom CSS to a...
Styles Reference
Styles Reference All fragments have a Styles settings section except for the Collection Display fragment. Use the style settings to configure your fragments' look and feel. Many of these options...
Adding Marketplace Fragments to Pages
Adding Marketplace Fragments to Pages Liferay DXP 2025.Q3+ Liferay Marketplace offers a range of apps and fragments that integrate seamlessly into the Page Editor. Access, configure, and use these...
Configuring Fragment Visibility
Configuring Fragment Visibility Liferay DXP/Portal 7.4+ Fragments can be used to assemble content pages with a variety of layouts and information. Starting with Liferay DXP 7.4, you can configure...
Fragment Sub-Elements Reference
Fragment Sub-Elements Reference In addition to General and Style settings, many fragments include sub-elements with their own configuration options. To access these options, begin editing a page or...
General Settings Reference
General Settings Reference All fragments have general settings. Some options are standard (e.g., visibility and frame), while others are unique to each fragment. Follow these steps to access a...
Localizing Fragment Configuration Fields
Localizing Fragment Configuration Fields Liferay DXP/Portal 7.4+ When using Liferay Fragments, you can localize the following Fragment configuration fields to match your target audience's...
Creating Dropdown Menus with Fragments
Creating Dropdown Menus with Fragments Liferay DXP/Portal 7.4+ Liferay provides the Dropdown fragment to create advanced drop-down menus (A). With it, you can define drop zones for additional page...
Exporting and Importing Fragments
Exporting and Importing Fragments Export fragments from one environment and import them into another to move content, replicate setups, share fragment collections, or back up custom work. ...
Mapping and Linking Fragment Elements
Mapping and Linking Fragment Elements You can map and link fragments together as reusable components for your digital experiences (e.g., form submissions and navigation actions). Not all...
Default Fragments Reference
Default Fragments Reference Liferay provides many out-of-the-box fragments, so you can start building your solution immediately. To view available fragments, begin editing a content page or page...
Propagating Fragment Changes
Propagating Fragment Changes By default, changes made to a custom fragment's code are not propagated to deployed instances of the fragment. Using fragment propagation, you can propagate changes to...
Using Form Fragments
Using Form Fragments Liferay DXP 2023.Q3+/Portal GA92+ Liferay includes form fragments for building forms in content pages. To build a form, add a form container to a content page or page template...
Duplicating Fragments
Duplicating Fragments When building a page or template with fragments, you can duplicate configured fragments to save time. A duplicated fragment includes the original fragment's settings,...
Managing Fragments
Managing Fragments Liferay DXP provides tools for managing fragments in the Liferay UI. With out-of-the-box tools, you can edit fragment code, export/import fragment sets between sites, and more. ...
Saving Fragment Compositions
Saving Fragment Compositions Layout and composition are the foundation of your page design. They make pages easier to read and navigate, resulting in a richer and more consistent user experience....
Creating Form Fragments
Creating Form Fragments Liferay 7.4 U45+/GA45+ The form components fragments are for building your object's forms in a content page. If Liferay's form fragments don't satisfy your use case, create...
Creating Forms Using Form Fragments
Creating Forms Using Form Fragments Use form fragments to create and manage forms on content pages or page templates. With form fragments, you can map fields to objects, organize layouts, and...
Using Fragments to Build Multi-Step Forms
Using Fragments to Build Multi-Step Forms Liferay DXP 2024.Q4+/Portal GA129+ You can use fragments to create a single-step form or create a multi-step form with the Stepper fragment or by changing...
Using Layout Elements
Using Layout Elements For Liferay 7.4 U22+/GA22+ Layout elements define drop zones for designing page or template layouts. By default, Liferay includes two layout elements: containers and grids....
Personalizing Forms Using Form Fragments
Personalizing Forms Using Form Fragments Form fragments auto-generate forms based on custom objects. If Liferay's out-of-the-box form fragments don't satisfy your use case, you can create form...
Translating Fields in Form Containers
Translating Fields in Form Containers Liferay DXP 2025.Q1+/Portal GA132+ Localize text inputs in form containers directly in the Page Editor to provide multilingual support for fields listed in...
Filtering Collections on a Page
Filtering Collections on a Page To improve the experience for Users viewing Collections on your Site, you can add Page Fragments to filter content in those Collections. For example, you can add a...
Displaying Collections
Displaying Collections Liferay Portal 7.4 GA6+, DXP 7.3 GA1+ You can display a collection by adding a collection page, or a Collection Display fragment. For more information about these display...
Displaying Collections for Liferay 7.2 and Earlier Versions
Displaying Collections for Liferay 7.2 and Earlier Versions In versions before Liferay DXP 7.3+, collections were called content sets. Content sets are primarily displayed through the Asset...
Building Responsive Layouts with the Grid Fragment
Building Responsive Layouts with the Grid Fragment Availability: Liferay DXP 7.3+. Liferay DXP uses responsive design by default, but there are situations where you want additional and more...
Mapping Repeatable Fields to Fragments
Mapping Repeatable Fields to Fragments Liferay DXP 2024.Q3+/Portal GA125+ When creating fields on web content structures, you can make them repeatable. You can then map these fields to fragments...
Mapping Web Content Templates to Fragments
Mapping Web Content Templates to Fragments By default, you can map web content structure fields holding a single value (such as date, numeric, image, number, or text) to fragments. For multi-value...
Applying Styles to Fragments
Applying Styles to Fragments When you add a fragment to a page, you can use the sidebar menu to configure the fragment, including the Styles configuration tab. Use the Styles tab in the sidebar...
Developing Page Fragments
Developing Page Fragments Page fragments are the building blocks for content pages. They're made from the three components of web pages: CSS, HTML, and JavaScript. To create a page you combine...
Adding Configuration Options to Fragments
Adding Configuration Options to Fragments Liferay DXP 7.2 SP1 Configurable options make your fragments flexible, minimizing the maintenance of similar fragments. For example, instead of creating...
Auto-Deploying Fragments
Auto-Deploying Fragments Liferay Portal 7.3 GA1+ or Liferay DXP 7.3+ If you're developing page fragments with your own tooling, you can deploy them by packaging them in ZIP files for importing via...