掲示板

Submenu on the left (like liferay.com)

13年前 に Ricky de Klerck によって更新されました。

Submenu on the left (like liferay.com)

Junior Member 投稿: 27 参加年月日: 10/10/15 最新の投稿
Hi everybody,

I'm trying liferay for a while now, but i can't get this thing right. We would like to have a submenu on the left (which shows when clicking menu) and when you click this submenu, we want to stay on the same page but change the portlet on the right (or the content).

It's like the structure and layout of liferay.com, but I don't understand how to create it and how to style it correctly.

Thanks in advance =)
thumbnail
13年前 に Apoorva Prakash によって更新されました。

RE: Submenu on the left (like liferay.com)

Liferay Master 投稿: 658 参加年月日: 10/06/15 最新の投稿
Hello Ricky de Klerck,
you can achieve this by liferay Ui taglib, as:
 
<liferay-ui:icon-menu>
......
</liferay-ui:icon-menu>


Read this wiki.
I have implemanted it as follows:
<liferay-ui:icon-menu>
<portlet:renderurl var="redirectURL">
<portlet:param name="struts_action" value="/ext/Search/Search_action" />
</portlet:renderurl>
<portlet:actionurl var="deleteURL">
<portlet:param name="struts_action" value="/ext/Search/Search_action" />
<portlet:param name="CMD" value="DELETE" />
<portlet:param name="redirect" value="<%=redirectURL.toString()%>" />
<portlet:param name="empID" value="<%=String.valueOf(serch.getEmpCode())%>" />
</portlet:actionurl>	
<liferay-ui:icon-delete url="<%= deleteURL %>" />
<portlet:actionurl var="updateURL">
<portlet:param name="struts_action" value="/ext/Search/Search_action" />
<portlet:param name="CMD" value="UPDATE" />
<portlet:param name="empID" value="<%=String.valueOf(serch.getEmpCode())%>" />
</portlet:actionurl>
<liferay-ui:icon image="edit" url="<%= updateURL %>" />
<portlet:renderurl var="viewURL">
<portlet:param name="struts_action" value="/ext/Search/Search_action" />
<portlet:param name="CMD" value="VIEW" />
<portlet:param name="empID" value="<%=String.valueOf(serch.getEmpCode())%>" />
</portlet:renderurl>
<liferay-ui:icon image="view" url="<%= viewURL %>" />
</liferay-ui:icon-menu>


Hope this will help...

Thanks and regards...
thumbnail
13年前 に Andreas Stangl によって更新されました。

RE: Submenu on the left (like liferay.com)

New Member 投稿: 23 参加年月日: 09/12/28 最新の投稿
The easiest way might be that you simply add a navigation portlet (for example with dipslay style 4) to all of the sub-pages of your menu entry.

On liferay.com (i.e. here) not only the right area is changing, all the menu entries on the left nav lead to a new page.

By always adding the same navigation portlet to the left-hand side of the page the user thinks that only the right area is altered.
13年前 に Ricky de Klerck によって更新されました。

RE: Submenu on the left (like liferay.com)

Junior Member 投稿: 27 参加年月日: 10/10/15 最新の投稿
Yeah, i saw it too late. I created this structure now. I only have to style it now. Does anyone know where to edit the css of this navigation menu?
thumbnail
13年前 に Andreas Stangl によって更新されました。

RE: Submenu on the left (like liferay.com)

New Member 投稿: 23 参加年月日: 09/12/28 最新の投稿
checkout this post