"menutree.jsp"
Bootstrap 3.0.0 Snippet by npandey136

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html> <html> <head> <!-- <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> --> <!-- <link rel="stylesheet" href="http://style.sprintpcs.com/newco/common.css" type="text/css" media="all" /> --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css" /> <!-- <link rel="stylesheet" href="sb-admin/css/sb-admin.css" /> --> <link rel="stylesheet" href="styles/menutree.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- Include all compiled plugins (below), or include individual files as needed --> <!-- <script type="text/javascript" src="sb-admin/js/bootstrap.js"></script> --> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery-1.12.4.min.js"></script> <script lang="javascript"> $(document).ready(function () { $('label.tree-toggler').click(function () { $(this).parent().children('ul.tree').toggle(300); }); }); </script> <!-- <style type="text/css"> body{margin-top:50px;} .glyphicon { margin-right:10px; } .panel-body { padding:0px; } .panel-body table tr td { padding-left: 15px } .panel-body .table {margin-bottom: 0px; } </style> --> </head> <body> <div class="container"> <div class="row"> <div class="well" style="width:100%; padding: 8px 0;"> <div style="overflow-y: scroll; overflow-x: hidden; height:100%;background-color: #2e353d; color: #e1ffff;"> <ul class="nav nav-list"> <!-- <li><label class="tree-toggler nav-header">3TO</label> <ul class="nav nav-list tree"> <li><a href="build3to.jsp" target="iframe2">Build</a></li> <li><a href="deploy3to.jsp" target="iframe2">Deploy</a></li> <li><a href="dashboard3to.jsp" target="iframe2">Server Stats</a></li> </ul> </li> <li class="divider"></li> --> <li><label class="tree-toggler nav-header"><i class="fa fa-globe fa-lg" aria-hidden="true"></i> G5S </label> <ul class="nav nav-list tree"> <li><a href="buildg5s.jsp" target="iframe2" id="buildg5s"><i class="fa fa-cogs"></i> Build </a></li> <li><a href="deployg5s.jsp" target="iframe2" id="deployg5s"><i class="fa fa-rocket"></i> Deploy </a></li> <!-- <li><a href="dashboardg5s.jsp" target="iframe2">Server Stats</a></li> --> </ul> </li> <li class="divider"></li> <li><label class="tree-toggler nav-header"><i class="fa fa-globe fa-lg"></i> MSDP-SP </label> <ul class="nav nav-list tree"> <li><a href="buildsp.jsp" target="iframe2" id="buildsp"><i class="fa fa-cogs"></i> Build </a></li> <li><a href="deploysp.jsp" target="iframe2" id="deploysp"><i class="fa fa-rocket"></i> Deploy </a></li> <!-- <li><a href="dashboardsp.jsp" target="iframe2">Server Stats</a></li> --> </ul> </li> <!-- <li class="divider"></li> <li><label class="tree-toggler nav-header">MSDP-CP</label> <ul class="nav nav-list tree"> <li><a href="#">Build</a></li> <li><a href="#">Deploy</a></li> <li><a href="#">Server Stats</a></li> </ul> </li> <li class="divider"></li> --> </ul> </div> </div> </div> </div> <!-- <div class="container"> <div class="row"> <div class="col-sm-3 col-md-3"> <div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">3TO</a> </h4> </div> <div id="collapseOne" class="panel-collapse collapse in"> <div class="panel-body"> <table class="table"> <tr> <td> <a href="build3to.jsp" target="iframe2">Build</a> </td> </tr> <tr> <td> <a href="deploy3to.jsp" target="iframe2">Deploy</a> </td> </tr> <tr> <td> <a href="serverstats3to.jsp">Server Stats</a> </td> </tr> </table> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">G5S</a> </h4> </div> <div id="collapseTwo" class="panel-collapse collapse"> <div class="panel-body"> <table class="table"> <tr> <td> <a href="#">Build</a> </td> </tr> <tr> <td> <a href="#">Deploy</a> </td> </tr> <tr> <td> <a href="#">Server Stats</a> </td> </tr> </table> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">MSDP-SP</a> </h4> </div> <div id="collapseThree" class="panel-collapse collapse"> <div class="panel-body"> <table class="table"> <tr> <td> <a href="#">Build</a> </td> </tr> <tr> <td> <a href="#">Deploy</a> </td> </tr> <tr> <td> <a href="#">Server Stats</a> </td> </tr> </table> </div> </div> </div> </div> </div> </div> </div> --> </body> </html>

Related: See More

Now UI Kit

Questions / Comments: