O'Reilly logo

Liferay User Interface Development by Frank Yu, Xinsheng Chen, Jonas X. Yuan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Tabs, toggle, and calendar

You may need tabs and toggle in order to get simple and rich message in your pages; and you may need a calendar in your pages too. Thus you can simply use UI taglib like liferay-ui:tabs, liferay-ui:toggle and liferay-ui:calendar.

As shown in the following screenshot, it uses tag liferay-ui:calendar to represent a calendar view—month titles and days of the month. Of course, you can use Alloy UI option; refer to Chapter 8, Alloy UI for further information. Moreover, it uses tag liferay-ui:tabs to represent the tabs. There are three tabs in this example—Name, Content, and Admin. Furthermore, it uses tag liferay-ui:toggle to represent the toggle-able content.

Using tags liferay-ui:tabs and liferay-ui:section

Tags liferay-ui:tabs ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required