Geek Answers Handbook

Accordion in Liferay / Collapsable Navigation

in Liferay 6.2, I see that all of the options below are basically minimized. enter image description here

I would like to make the list in my portlet the same. My sample data

<ul> Header 1
    <li> Sub Header 1</li>
    <li> Sub Header 2</li>
</ul>
<ul> Header 2
    <li> Sub header 1</li>
    <li> Sub header 2</li>
</ul>

Can someone post an example or how to do this?

+4
source share
1 answer

You can use Liferay UI tags liferay-ui: panel-container and liferay-ui: panel.

For example, a code that you can reference

Liferay-portal-Src-6,2,0-ce-GA1 \ portal web \ DOCROOT \ HTML \ portlet \ control_panel_m method \ View.jsp

Edition:

<liferay-ui:panel-container accordian="true" extended="true">
   <liferay-ui:panel title="1">
        content 1
   </liferay-ui:panel>

  <liferay-ui:panel title="2">
        content 2
 </liferay-ui:panel>
</liferay-ui:panel-container>
+9
source

More articles:


All Articles