Search - Liferay Learn

Search

Building Forms with AUI Tags

Building Forms with AUI Tags The AUI tag library provides all the components you need to build forms for your applications. AUI tags provide many benefits to standard form elements, such as custom...

Last Modified: May 6, 2024 4:04 AM

Chart Tag Library

Chart Tag Library Lines, splines, bars, pies and more, the Chart tag Library provides everything you need to model data. Each taglib gives you access to the corresponding Clay component. These...

Last Modified: May 6, 2024 4:05 AM

Bar Charts Bar charts contain multiple sets of data. A bar chart models the data in bars. Each data series (created with the addColumns() method) is defined with a new instance of the...

Last Modified: May 6, 2024 4:05 AM

Combination Charts

Combination Charts Combination charts have minor differences from other charts. In a combination chart, you must define the representation type of each data set: AREA, AREA_SPLINE, AREA_STEP, BAR,...

Last Modified: May 6, 2024 4:05 AM

Donut Charts Donut charts are percentage-based. A donut chart is similar to a pie chart, but it has a hole in the center. Each data set must be defined as a new instance of the SingleValueColumn...

Last Modified: May 6, 2024 4:06 AM

Gauge Charts Gauge charts are percentage-based. A gauge chart shows where percentage-based data falls over a given range. Each data set must be defined as a new instance of the SingleValueColumn...

Last Modified: May 6, 2024 4:06 AM

Geomap Charts A Geomap Chart lets you visualize data based on geography, given a specified color range---a lighter color representing a lower rank and a darker a higher rank usually. The default...

Last Modified: May 6, 2024 4:06 AM

Line Charts Line charts contain multiple sets of data. A Line chart displays the data linearly. Each data series (created with the addColumns() method) is defined with a new instance of the ...

Last Modified: May 6, 2024 4:07 AM

Pie Charts Pie charts are percentage-based. A pie chart models percentage-based data as individual slices of pie. Each data set must be defined as a new instance of the SingleValueColumn object....

Last Modified: May 6, 2024 4:07 AM

Predictive Charts

Predictive Charts Predictive charts let you visualize current data along with predicted/forecasted data within a given value range. Predicted/forecasted data is surrounded by a highlighted area...

Last Modified: May 6, 2024 4:07 AM

Refreshing Charts to Reflect Real Time Data

Refreshing Charts to Reflect Real Time Data The polling interval property is an optional property for all charts. It specifies the time in milliseconds for the chart's data to refresh. You can use...

Last Modified: May 6, 2024 4:08 AM

Scatter Charts Scatter charts contain multiple sets of data. A scatter chart models the data as individual points. Each data series (created with the addColumns() method) is defined with a new...

Last Modified: May 6, 2024 4:08 AM

Spline Charts Spline charts contain multiple sets of data. A spline chart connects points of data with a smooth curve. Each data series (created with the addColumns() method) is defined with a new...

Last Modified: May 6, 2024 4:08 AM

Step Charts Step charts contain multiple sets of data. A step chart steps between the points of data, resembling steps. Each data series (created with the addColumns() method) is defined with a...

Last Modified: May 6, 2024 4:09 AM

Clay Tag Library

Clay Tag Library The Liferay Clay tag library provides a set of tags for creating Clay UI components in your app. AUI taglibs are deprecated as of Liferay 7.1. We recommend that you use Clay...

Last Modified: May 6, 2024 4:09 AM

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...

Last Modified: May 6, 2024 4:09 AM

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...

Last Modified: May 6, 2024 4:10 AM

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...

Last Modified: May 6, 2024 4:10 AM

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...

Last Modified: May 6, 2024 4:10 AM

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...

Last Modified: May 6, 2024 4:11 AM