All fragments have general settings. Some of these options are standard (e.g., visibility and frame), while others are unique to each fragment. The following reference only includes fragments with general settings.
Follow these steps to access a fragment’s general settings:
Begin editing a page or template that supports fragments.
Open the Browser panel () in the sidebar menu and select the desired fragment.
Alternatively, click the desired fragment in the page or template.
Click the General tab in the Page Elements side panel.
Check the box to hide the fragment for different viewports. See Configuring Fragment Visibility to learn more about how this setting interacts with page viewports.
Determine the default height and width of the fragment’s frame.
Min Width/Max Width
Determine the min and max width for the frame when displayed in different viewports.
Min Height/Max Height
Determine the min and max height for the frame when displayed in different viewports.
Overflow
Determine whether to allow fragment content to overflow its frame. By default, fragment content is restricted to its frame. If overflow is allowed, you can determine how it is displayed (e.g., Scroll).
Determine if the container links to a URL, Page, or Mapped URL; this setting determines which of the following fields are available.
URL (for URL)
Enter a localizable URL for the container. To set a URL for other languages, first switch the language for the page or template via the editing bar. Then, enter the desired URL.
Page (for Page)
Select a Liferay page for the container.
Item (for Mapped URL)
Select an item from Documents and Media, Web Content, Blogs, or Categories. The selected item provides fields for mapping.
Field (for Mapped URL)
Select the URL field you want to map to the container. Selecting a valid field automatically populates the URL field.
URL (for Mapped URL)
This field is auto-populated with the selected Field URL.
Open in New Tab
Determine whether the link is opened in a new tab.
Content Display
Determine whether the container’s content is displayed in a Block, Flex Row, or Flex Column; the flex options have additional configurations.
Flex Wrap (for Flex Row or Flex Column) 7.4 U19+/GA19+
Configure wrapping for flex rows and columns: No Wrap, Wrap, or Wrap Reverse.
Align Items (for Flex Column) 7.4 U19+/GA19+
Determine how elements in the column are aligned: Start, Center, End, Stretch, or Baseline.
Justify Content (for Flex Row) 7.4 U19+/GA19+
Determine how elements in the row are justified: Start, Center, End, Between, or Around.
Container Width
Determine whether the container uses a Fluid or Fixed Width.
Determine the filter’s type: Keywords or Category. When using Category, end users can select from predefined filter categories. When using Keywords, they can manually enter their own filter values.
Source (for Category)
Select the Vocabulary or Category used for filtering the target collection.
Single Selection (for Category)
Determine whether end users can apply only one or more filters to the collection.
Include Search Field (for Category)
Determine whether to include a field for end users to search available filter values.
Show Label
Check to show a label for the filter in the UI.
Label Text
Enter localizable text for the label. To set label text for another language, first switch the language for the page or template via the editing bar. Then, enter the desired text. See Localizing Fragment Configuration Fields for more information.
Select a collection or collection provider to display in the fragment. Once selected, you can click the Actions button to access additional options. Available actions depend on the selected collection or collection provider.
List Style
Select from available styles to determine how items are listed. Available styles depend on the selected collection or collection provider.
Layout (for Grid)
Determine how many columns the collection list has: 1-6.
List Item Style (for Templates)
Select from available styles to determine how each entry is displayed. Available styles depend on the selected collection asset type.
Pagination
Determine whether to use pagination for the collection. When enabled, you can select from two style options: Numeric or Simple.
Display All Collection Items
Determine whether to display all items in the selected collection or collection provider.
Maximum Number of Items
Set the maximum number of items to display from the selected collection or collection provider.
Maximum Number of Items per Page
Determine the number of items included in each fragment per page. This value cannot exceed 200.
Select a custom object. This maps the form container and its fragments to the selected object. You can only map a form container to one object at a time.
Success Message
Determine whether the form submission success message is embedded in the current page or redirects users to a Liferay page or external URL.
Success Text (for Embedded)
Enter a localizable success message.
Preview Success State (for Embedded)
Preview the embedded success message.
Content Display
Determine whether the Container’s content is displayed in a Block, Flex Row, or Flex Column; the flex options have additional configurations.
Flex Wrap (for Flex Row or Flex Column)
Configure wrapping for flex rows and columns: No Wrap, Wrap, or Wrap Reverse.
Align Items (for Flex Column)
Determine how elements in the column are aligned: Start, Center, End, Stretch, or Baseline.
Justify Content (for Flex Row)
Determine how elements in the row are justified: Start, Center, End, Between, or Around.
Container Width
Determine whether the Container uses a Fluid or Fixed Width.
Displays the number of characters entered and a warning when the maximum character count is exceeded. The maximum character count can be configured in the object’s field configuration. See Field Types UI Reference for more information.
Displays categories based on the visibility of the vocabulary. See Vocabulary Visibility for more information. To access this setting, Enable Categorization must be enabled on the object. See Creating Objects for more information.
We use cookies to deliver personalized content, analyze trends, administer the site, track user movements on the site, and collect demographic information about our user base as a whole. Accept all cookies for the best possible experience on our website or manage your preferences.
Visit our Privacy Policy