FELIX-3769 Add support for top navigation categories
git-svn-id: https://svn.apache.org/repos/asf/felix/trunk@1416231 13f79535-47bb-0310-9956-ffa450edef68
diff --git a/webconsole/src/main/resources/res/ui/webconsole.css b/webconsole/src/main/resources/res/ui/webconsole.css
index fb1510a..7b1ce8a 100644
--- a/webconsole/src/main/resources/res/ui/webconsole.css
+++ b/webconsole/src/main/resources/res/ui/webconsole.css
@@ -66,6 +66,17 @@
white-space: nowrap;
}
+/* New Category Based Navigation Tree (FELIX-3769) */
+#navmenu {
+ width: auto;
+}
+#navmenu li.ui-menu-item {
+ width: auto;
+}
+#navmenu li.navMenuItem-0 {
+ display: inline-block;
+}
+
/* CENTRAL CONTENT AREA STYLING */
#content, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 8pt }
diff --git a/webconsole/src/main/resources/templates/main_header.html b/webconsole/src/main/resources/templates/main_header.html
index fdf6eff..b6ddbfa 100644
--- a/webconsole/src/main/resources/templates/main_header.html
+++ b/webconsole/src/main/resources/templates/main_header.html
@@ -24,8 +24,22 @@
<script src="${appRoot}/res/lib/jquery.cookies-2.2.0.js" type="text/javascript"></script>
<script src="${appRoot}/res/lib/jquery.tablesorter-2.0.3.js" type="text/javascript"></script>
<script src="${appRoot}/res/lib/support.js" type="text/javascript"></script>
-
-
+
+ <script type="text/javascript">
+ // <![CDATA[
+ $(document).ready(function(){
+ $( '#navmenu' ).menu({
+ position: {
+ my: "left top",
+ at: "left bottom",
+ submenu: "ui-icon-carat-1-s"
+ }
+ });
+ });
+
+ // ]]>
+ </script>
+
<!-- FELIX-2188: backwards compatibility CSS -->
<link href="${appRoot}/res/ui/admin_compat.css" rel="stylesheet" type="text/css" />
</head>