Liferay UIタブ
タブは、コンテンツを個々のセクションに整理する仕切りを作成します。 コンテンツは、別のJSPから埋め込んだり含めたりすることができます。
アプリにタブを追加するには、<liferay-ui:tabs>タグを使用し、各タブの名前をnames属性のコンマ区切りリストとして指定します。 たとえば、tab1、tab2、およびtab3という名前の3つのタブは、JSPでは次のようになります。
<liferay-ui:tabs names="tab1,tab2,tab3">
</liferay-ui:tabs>
各タブには、コンテンツを表示するための対応するセクションが必要です。 各タブにliferay-ui:sectionタグをネストします。 各セクション内で、HTMLコンテンツを追加したり、（ <%@ includefile="filepath"%>ディレクティブを介して）別のJSPからコンテンツを取り込んで間接的にコンテンツを追加したりできます。 以下のスニペットの例は、カレンダーポートレットのconfiguration.jspからのものです。
<liferay-ui:tabs
names='<%= "user-settings,display-settings,rss" %>'
param="tabs2"
refresh="<%= false %>"
type="tabs nav-tabs-default"
>
<liferay-ui:section>
<%@ include file="/configuration/user_settings.jspf" %>
</liferay-ui:section>
<liferay-ui:section>
<%@ include file="/configuration/display_settings.jspf" %>
</liferay-ui:section>
<liferay-ui:section>
<%@ include file="/configuration/rss.jspf" %>
</liferay-ui:section>
</liferay-ui:tabs>
上記の例では、タブの使用可能な属性のいくつかを使用しています。 属性の完全なリストについては、 Tabs taglibdocs を参照してください。