Accordéon dans la navigation de perte de vie / réplombée

Question

à Liferay 6.2, je peux voir que toutes les options ci-dessous sont essentiellement pliées.

Je voudrais faire une liste dans mon portlet de la même manière. Mes échantillons de données sont

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

Quelqu'un pourrait-il poster un exemple ou comment y parvenir?

Answer 1

Vous pouvez utiliser des balises UI de perte de vie Liferay-UI: Panneau-Conteneur et Liferay-UI: panneau.

par exemple code que vous pouvez faire référence à

Liferay-Portal-SRC-6.2.0-CE-GA1 \ Portal-Web \ Docroot \ HTML \ Portlet \ Control_Panel_M Enu \ View.jsp

édité:

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