O'Reilly logo

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

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

Adding icons and input forms

In your pages or portlets, you may need a lot of icons and input forms. Thus, you can leverage the UI taglib liferay-ui:icon* and lifray-ui:input*. The following screenshot displays the look and feel of the tags liferay-ui:icon-menu, liferay-ui:icon, liferay-ui:icon-delete, and liferay-ui:icon-deactivate:

Adding icons and input forms

Understanding the icon tag settings

The following snippet shows how to add the tags liferay-ui:icon-menu, liferay-ui:icon, liferay-ui:icon-deactivate, liferay-ui:icon-delete, and liferay-ui:icon-help to your pages or portlets:

<liferay-ui:icon-menu> <liferay-ui:icon image="edit" label="true" message="change" url="<%= ...

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