如何更改 Liferay 6.2 站点导航折叠行为？答案

【问题标题】：How to change Liferay 6.2 site-navigation collapse behavior?如何更改 Liferay 6.2 站点导航折叠行为？
【发布时间】：2015-06-03 21:53:22
【问题描述】：

就是这样，默认情况下，liferay 主导航被折叠到停靠栏，在我的解决方案中对于非管理员用户是隐藏的。我尝试挂接停靠栏并删除折叠图标，但站点导航在调整窗口大小时一直隐藏。

有什么想法吗？

P.D：我看到了这个帖子： - Move collapsed menu button from the dockbar

问题在哪里解决，但正如我在那里提到的，我认为这不是解决这个问题的“时尚”方式，它可能会给我带来更多问题。

感谢阅读。

【问题讨论】：

您使用的是经典主题还是您自己的自定义主题？您希望有一个非响应式菜单导航吗？我等待响应，但无论如何我们必须关闭引导响应部分并挂钩特定的停靠栏部分。
您好，感谢您的回答。我正在定制经典主题（我知道这不是一个好主意..）。当然，我仍然希望有一个响应式菜单。问题是我需要向非管理员用户隐藏停靠栏，但站点导航正在折叠为放置在停靠栏中的“汉堡图标”。这种行为不是我们想要的，非管理员用户在从小屏幕设备访问网站时将无法导航。

标签： javascript liferay portlet navbar dock

【解决方案1】：

在没有停靠栏存在的情况下，我可以告诉你如何解决切换按钮的问题。

在基于经典主题的自定义主题上，您必须自定义 navigation.vm 并插入代码以使汉堡图标靠近导航。

（代码未测试）

<nav class="$nav_css_class navbar site-navigation" id="navigation" role="navigation">
    <div class="navbar-inner">

        #* start toogle hamburger menu *#

        <a class="visible-phone brand btn" data-toggle="collapse" data-target="#navigation">
            <i class="icon-reorder"></i>
            #language ("main-menu")
        </a>

        #* end *#

        <div class="collapse nav-collapse">
            <ul aria-label="#language ("site-pages")" class="nav nav-collapse" role="menubar">
                #foreach ($nav_item in $nav_items)
                        #set ($nav_item_attr_selected="")
                        #set ($nav_item_attr_has_popup="")
                        #set ($nav_item_caret="")
                        #set ($nav_item_css_class="lfr-nav-item")
                        #set ($nav_item_link_css_class="")

        #*continue...*#

【讨论】：