Question

我需要在Liferay Portal页面上显示一个MenuBar（一个menuBar，它对该页面中的所有portlet都是通用的）

为此，我创建了一个自定义主题，并修改了模板文件夹下的navigation.vm文件。

我在navigation.vm文件中添加了以下MenuBar代码，并将其部署到服务器

<html>
<head>

<title>Menu Bar Using CSS</title>

<style>
.menu ul
{
list-style: none;
}

.menu ul li
{
display: inline;
}

.menu ul li a
{
/*Increase Clickable Area*/
padding: 8px;
padding-left: 15px;
padding-right: 15px;

/*Remove the Underline for the Link*/
text-decoration: none;

color: #000;
background: #ccc;
}

/*On Mouse Over the Link*/
.menu ul li a:hover
{
color: #fff;
background: #000;
}
</style>

</head>

<body>
<div class="menu">

<ul>

<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>

</ul>
</div>
</body>
</html>

我已将所有这些代码放在我的应用自定义主题下的navigation.vm文件下，但它没有用（我的意思是门户页面上没有显示菜单栏）

如果我做错了，请告诉我。

Answer 1

navigation.vm不包含<html>，<head>和<body>标记，这些标记位于portal_normal.vm内，或者如果网页是弹出窗口，则{ {1}}。此文件（portal_pop_up.vm）只是帮助显示页面，并包含在navigation.vm文件中。
因此，请尝试将代码移至portal_normal.vm内的菜单栏。

希望这有帮助。

将MenuBar添加到Portal页面

1 个答案: