Skip to content
Permalink
Browse files

Some UI change

  • Loading branch information
yuj12001 committed Sep 18, 2015
1 parent 874ec65 commit 3b56814530eedb127a8ee21164ef37ebb90ec03e
Showing with 25 additions and 6 deletions.
  1. +6 −6 VQI_GenomeBrowser.js
  2. +1 −0 VQI_GenomeBrowserDemo.html
  3. +18 −0 menu.css
@@ -111,8 +111,8 @@ function VQI_GenomeBrowser(id, serviceURL) {

this.makeNavMenu = function () {
var menu = "<ul class='nav nav-tabs' style='font-size: 16'>"+
"<li class='active'><a data-toggle='tab' href='#home'>Home</a></li>"+
"<li><a data-toggle='tab' href='#traks'>Track</a></li>"+
//"<li class='active'><a data-toggle='tab' href='#home'>Home</a></li>"+
"<li class='active'><a data-toggle='tab' href='#traks'>Track</a></li>"+
"<li><a data-toggle='tab' href='#analysis'>Analysis</a></li>"+
"<li><a data-toggle='tab' href='#other'>Other</a></li>"+
"</ul>"
@@ -134,9 +134,9 @@ function VQI_GenomeBrowser(id, serviceURL) {
"</table>"

var menuContent = "<div class='tab-content'>"+
"<div id='home' class='tab-pane fade in active' style='height: 130px; width: 800px; background-color:#F0F0F0'>"+homeTable+"</div>"+
"<div id='traks' class='tab-pane fade ' style='height: 130px; width: 800px; background-color:#F0F0F0'>"+tackMenuTable+"</div>"+
"<div id='analysis' class='tab-pane fade' style='height: 130px; width: 800px; background-color:#F0F0F0'>"+analysisMenuTable+"</div>"+
//"<div id='home' class='tab-pane fade in active' style='height: 130px; width: 800px; background-color:#F0F0F0'>"+homeTable+"</div>"+
"<div id='traks' class='tab-pane fade in active ' >"+tackMenuTable+"</div>"+
"<div id='analysis' class='tab-pane fade' >"+analysisMenuTable+"</div>"+
"<div id='other' class='tab-pane fade'></div>"+
"</div>"

@@ -150,7 +150,7 @@ function VQI_GenomeBrowser(id, serviceURL) {
this.makeNavigationForm = function () {
var navigateBox = "<input type='text' name='navigate' id='navigate' size='30'>";
var navigateButton = "<input type='button' id='navigatebutton' value='Go To'>";
var form = "<form id='navigation_form'>" + navigateBox + navigateButton + "</form>";
var form = "<form id='navigation_form' style='margin: 10px 0px;'>" + navigateBox + navigateButton + "</form>";
$("#" + divId).append(form);
$("#" + divId + " #navigatebutton").on("click", navigateToRegion.bind(this));
};
@@ -12,6 +12,7 @@
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> -->

<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="menu.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
@@ -0,0 +1,18 @@
.tab-content {
width:1098px;
height: 100px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 1px;
}

.nav-tabs {
margin-bottom: 0;
width:1102px;
}

.container-fluid {
padding-left: 0px;

}

0 comments on commit 3b56814

Please sign in to comment.
You can’t perform that action at this time.