Capability

Development and Tooling

Search Bar

Liferay offers a comprehensive toolkit to extend or customize your digital experience. Build applications quickly with low-code/no-code features like Objects, or leverage developer tools like Liferay Workspace and Blade CLI for further customizations.

For users on PaaS or running Self-Hosted, Liferay also offers tools deploying customizations.

Feature
Deployment Approach
Clay Buttons
Clay Buttons Buttons come in several types and variations. This tutorial covers the different styles and variations of buttons you can create with the Clay taglibs. Types Primary button: Used for...
Published Date: Apr 26, 2024 8:55 PM
Clay Dropdown Menus and Action Menus
Clay Dropdown Menus and Action Menus You can add dropdown menus to your app via the clay:dropdown-menu and clay:actions-menu taglibs. The Clay taglibs provide several menu variations for you to...
Published Date: Apr 26, 2024 8:55 PM
Clay Form Elements
Clay Form Elements The Liferay Clay tag library provides several tags for creating form elements. An example of each tag is shown below. Checkbox Checkboxes give the user a true or false input.
Published Date: Apr 26, 2024 8:55 PM
Clay Alerts
Clay Alerts Clay alerts come in two types: embedded and stripe. Both types, along with several examples of each, are shown below. Embedded Alerts Embedded alerts are usually used inside forms. The...
Published Date: Apr 26, 2024 8:55 PM
Clay Cards
Clay Cards Cards visually represent data. Use them for images, document libraries, user profiles and more. There are four main types of Cards: Image Cards File Cards User Cards Horizontal...
Published Date: Apr 26, 2024 8:55 PM
Clay Labels and Links
Clay Labels and Links Liferay Clay taglibs provide tags for creating labels and links in your app. Both of these elements are covered below. Labels The Liferay Clay taglibs provide a few different...
Published Date: Apr 26, 2024 8:55 PM
Clay Management Toolbar
Clay Management Toolbar The Management Toolbar gives administrators control over search container results in their apps. It lets you filter, sort, and choose a view type for search results, so you...
Published Date: Apr 26, 2024 8:55 PM
Clay Navigation Bars
Clay Navigation Bars Similar to dropdown menus, navigation bars display a list of navigation items. The key difference is navigation bars are displayed in a horizontal bar with all navigation items...
Published Date: Apr 26, 2024 8:55 PM
Clay Stickers
Clay Stickers Whereas badges display numbers and labels display short information, stickers are small visual indicators of the content (usually the content type). They can include a small label or...
Published Date: Apr 26, 2024 8:55 PM
Liferay Frontend Tag Library
Liferay Frontend Tag Library The Liferay Frontend tag library provides a set of tags for creating common frontend UI components in your app. To use the Frontend taglib in you apps, add the...
Published Date: Apr 26, 2024 8:55 PM
Clay Icons
Clay Icons The Liferay Clay taglibs provide several icons that you can use in your apps. Use the clay:icon tag and specify the icon with the symbol attribute: You can include icons in your app...
Published Date: Apr 26, 2024 8:55 PM
Clay Progress Bars
Clay Progress Bars You can add progress bars to your app with the clay:progressbar tag. These indicate the completion percentage of a task and come in three status styles: default (blue), warning...
Published Date: Apr 26, 2024 8:55 PM
Disabling All or Portions of the Management Bar
Disabling All or Portions of the Management Bar When there are no search results to display, you should disable all the Management Bar's buttons, except the sidenav toggler button. You can disable...
Published Date: Apr 26, 2024 8:55 PM
Liferay Frontend Cards
Liferay Frontend Cards If you have data you want to compare that's heavy on image usage, cards are the component for the job. Cards visually represent data in a minimal and compact format. Use them...
Published Date: Apr 26, 2024 8:55 PM
Liferay Frontend Management Bar
Liferay Frontend Management Bar The Management Bar gives administrators control over search container results. It lets you filter, sort, and choose a display style for search results, so you can...
Published Date: Apr 26, 2024 8:55 PM
Liferay Portlet Objects For JSPs
Liferay Portlet Objects For JSPs You may have noticed the tag in your JSPs. Similar to the theme:defineObjects tag, when you include this tag in your JSP, you gain access to several variables ...
Published Date: Apr 26, 2024 8:55 PM
Liferay Theme Objects For JSPs
Liferay Theme Objects For JSPs When you include the tag in your JSP, you gain access to several Liferay theme objects via variables. These objects are described in the table below: ...
Published Date: Apr 26, 2024 8:55 PM
Including Actions in the Management Bar
Including Actions in the Management Bar While an actions menu is typically included with each search container result, you can also include these actions in the management bar. This keeps...
Published Date: Apr 26, 2024 8:55 PM
Liferay Frontend Info Bar
Liferay Frontend Info Bar An info bar provides a button that toggles the visibility of additional sidebar information. This is perfect for providing more detailed metadata for a search result, such...
Published Date: Apr 26, 2024 8:55 PM
Liferay UI Icon Lists
Liferay UI Icon Lists An icon list displays icons in a horizontal list, instead of in a pop-up navigation menu like an icon menu. You can see an example of an icon list menu in a message board...
Published Date: Apr 26, 2024 8:55 PM

Capabilities

Product

Contact Us

Connect

Powered by Liferay
© 2024 Liferay Inc. All Rights Reserved • Privacy Policy