diff --git a/src/main/resources/support/http/resources/css/style.css b/src/main/resources/support/http/resources/css/style.css
index c0d065a89d..749d554ac0 100644
--- a/src/main/resources/support/http/resources/css/style.css
+++ b/src/main/resources/support/http/resources/css/style.css
@@ -27,49 +27,6 @@ body{
 	background-color: #E5E5E5;
 }
 
-.navbar .brand {
-	color: #555555;
-}
-.navbar .nav > li > a {
-    color: #555555;
-    float: none;
-    padding: 10px 15px;
-    text-decoration: none;
-    text-shadow: 0 1px 0 #FFFFFF;
-}
-.navbar .nav,
-.navbar .nav > li {
-	font-size: 14px;
-    float:none;
-    display:inline-block;
-    *display:inline; /* ie7 fix */
-    *zoom:1; /* hasLayout ie7 trigger */
-    vertical-align: top;
-}
-
-.navbar-inner {
-    text-align:center;
-    background-color:#FAFAFA;
-    background-image:-moz-linear-gradient(center top , #FFFFFF, #F2F2F2);
-    background-image:-ms-linear-gradient(top,#FFFFFF,#F2F2F2);
-    background-image:-webkit-gradient(linear,0 0,0 100%,from(#FFFFFF),to(#F2F2F2));
-    background-image:-webkit-linear-gradient(top,#FFFFFF,#F2F2F2);
-    background-image:-o-linear-gradient(top,#FFFFFF,#F2F2F2);
-    background-image:linear-gradient(top,#FFFFFF,#F2F2F2);
-    filter:progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F2F2F2',GradientType=0)
-}
-.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
-    background-color: #E5E5E5;
-    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
-    color: #555555;
-    text-decoration: none;
-}
-
-.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
-    background-color: transparent;
-    color: #333333;
-    text-decoration: none;
-}
 
 .striped {
 	background-color: #fff;
diff --git a/src/main/resources/support/http/resources/spring-detail.html b/src/main/resources/support/http/resources/spring-detail.html
index 09b7db904d..d8f9658952 100644
--- a/src/main/resources/support/http/resources/spring-detail.html
+++ b/src/main/resources/support/http/resources/spring-detail.html
@@ -14,6 +14,7 @@
         		<div class="span12">
           				<h3>
           					Spring View
+          					<a id="viewJsonApi" target="_blank">View JSON API</a>
           				</h3>
           				<table id="dataTable" class="table table-bordered" style="background-color: #fff">
 							<tr>
@@ -104,6 +105,7 @@
     			init : function() {
     				druid.common.buildHead(5);
     				this.ajaxRequestForBasicInfo();
+    				$("#viewJsonApi").attr("href", 'spring-detail.json?class=' + clazz + '&method=' + method);
     			},
     			
     			ajaxRequestForBasicInfo : function() {
diff --git a/src/main/resources/support/http/resources/sql-detail.html b/src/main/resources/support/http/resources/sql-detail.html
index 9129c47b41..8cfaf38f1d 100644
--- a/src/main/resources/support/http/resources/sql-detail.html
+++ b/src/main/resources/support/http/resources/sql-detail.html
@@ -14,6 +14,7 @@
         		<div class="span12">
           				<h3>
           					FULL SQL
+          					<a id="viewJsonApi" target="_blank">View JSON API</a>
           				</h3>
 						<h5 id="fullSql"></h5>
 						<h2> Format View:</h2>
@@ -109,6 +110,7 @@
     			init : function() {
     				druid.common.buildHead(2);
     				this.ajaxRequestForBasicInfo();
+    				$("#viewJsonApi").attr("href", 'sql-' + sqlId + '.json');
     			},
     			
     			ajaxRequestForBasicInfo : function() {
diff --git a/src/main/resources/support/http/resources/websession-detail.html b/src/main/resources/support/http/resources/websession-detail.html
index 06544c279c..cb4195341a 100644
--- a/src/main/resources/support/http/resources/websession-detail.html
+++ b/src/main/resources/support/http/resources/websession-detail.html
@@ -13,6 +13,7 @@
         		<div class="span12">
           				<h3>
           					Web Session View
+          					<a id="viewJsonApi" target="_blank">View JSON API</a>
           				</h3>
 						<table id="dataTable" class="table table-bordered" style="background-color: #fff">
 							<tr>
@@ -94,6 +95,7 @@
     			init : function() {
     				druid.common.buildHead(4);
     				this.ajaxRequestForBasicInfo();
+    				$("#viewJsonApi").attr("href", 'websession-' + sessionId + '.json');
     			},
     			
     			ajaxRequestForBasicInfo : function() {
diff --git a/src/main/resources/support/http/resources/weburi-detail.html b/src/main/resources/support/http/resources/weburi-detail.html
index ece8775bbd..27cbe646d6 100644
--- a/src/main/resources/support/http/resources/weburi-detail.html
+++ b/src/main/resources/support/http/resources/weburi-detail.html
@@ -14,6 +14,7 @@
         		<div class="span12">
           				<h3>
           					Web URI View
+          					<a id="viewJsonApi" target="_blank">View JSON API</a>
           				</h3>
 						<table id="dataTable" class="table table-bordered" style="background-color: #fff">
 							<tr>
@@ -111,6 +112,7 @@
     			init : function() {
     				druid.common.buildHead(3);
     				this.ajaxRequestForBasicInfo();
+    				$("#viewJsonApi").attr("href", 'weburi-' + encodeURI(uri) + '.json');
     			},
     			
     			ajaxRequestForBasicInfo : function() {