Development and tooling

Clay Badges

Clay Badges Badges help highlight important information such as notifications or new and unread messages. Badges have circular borders and are only used to specify a number. This covers the...

Published Date: May 9, 24, 6:53 PM

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: May 9, 24, 6:53 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: May 9, 24, 6:53 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: May 9, 24, 6:53 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: May 9, 24, 6:53 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: May 9, 24, 6:53 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: May 9, 24, 6:53 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: May 9, 24, 6:53 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: May 9, 24, 6:53 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: May 9, 24, 6:53 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: May 9, 24, 6:53 PM

Liferay UI Icon Help

Liferay UI Icon Help The icon help tag lets you communicate additional information to your users in an unobtrusive way. It renders as an iconic question mark that provides more information through...

Published Date: May 9, 24, 6:53 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: May 9, 24, 6:53 PM

Liferay UI Tag Library

Liferay UI Tag Library The Liferay UI tag library provides tags that implement commonly used UI components. These tags make your markup consistent, responsive, and accessible. You can find a list...

Published Date: May 9, 24, 6:53 PM

Liferay UI Icon Menus

Liferay UI Icon Menus You can add a pop-up navigation menu to your app with the liferay-ui:icon-menu tag. Icon menus display menu options when needed, storing them away in a collapsed menu when...

Published Date: May 9, 24, 6:53 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: May 9, 24, 6:53 PM

Liferay UI Icons

Liferay UI Icons The Liferay UI taglibs provide several icons you can include in your apps. To add an icon to your app, use the liferay-ui:icon tag and specify the icon with either the icon,...

Published Date: May 9, 24, 6:53 PM

Using a JSP and MVC Portlet

Using a JSP and MVC Portlet An easy way to start developing a web application is to add markup to a JSP file and render it using a portlet Java class. The W3E7 example application demonstrates...

Published Date: May 9, 24, 6:53 PM

Using Liferay Util Body Bottom

Using Liferay Util Body Bottom The body bottom tag is not a self-closing tag. It lets you add additional HTML or scripts to the bottom of the body tag. content placed between the opening and...

Published Date: May 9, 24, 6:53 PM

Using Liferay Util Dynamic Include

Using Liferay Util Dynamic Include The dynamic include tag lets you specify a point or points in a JSP or theme where a developer can inject additional HTML, resources, or functionality, using the...

Published Date: May 9, 24, 6:53 PM