This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div id="tabs" class="tab-section-01 style-3"> | |
<ul class="tabs"> | |
<li class="active"><a data-toggle="tab" href="#tabs-1">MAP VIEW</a></li> | |
<li><a data-toggle="tab" href="#tabs-2">GRAPH VIEW</a></li> | |
<li><a data-toggle="tab" href="#tabs-3">TABLE VIEW</a></li> | |
</ul> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="dropdown tab-dropdown"> | |
<a href="#" data-toggle="dropdown" class="dropdown-toggle">CHANGE VIEW <b class="caret"></b></a> | |
<ul class="dropdown-menu"> | |
<li><a href="#tabs-1">MAP VIEW</a></li> | |
<li><a href="#tabs-2">GRAPH VIEW</a></li> | |
<li><a href="#tabs-3">TABLE VIEW</a></li> | |
</ul> | |
</div> | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.fil-box { | |
width: 90%; | |
color: #000; | |
font-size: 10px; | |
position: absolute; | |
background: #fff; | |
right: 17px; | |
top: -61px; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="fil-box"> | |
<div><span class="dot red"></span>10.0% to 11.9%</div> | |
<div><span class="dot orange"></span>12.0% to 13.9%</div> | |
<div><span class="dot yellow"></span>14.0% and Over</div> | |
<div><span class="dot dark-green"></span>3.9% or lower</div> | |
<div><span class="dot mid-green"></span>6.0% to 5.9%</div> | |
<div><span class="dot light-green"></span>8.0% to 9.9%</div> | |
<div><span class="dot lighter-green"></span>8.0% to 9.9%</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div ><select id = "anything" class="selectpicker" > | |
<option value="Area" >Area Chart</option> | |
<option value="Bar" >Bar Chart</option> | |
<option value="Pie" >Pie Chart</option> | |
<option value="Bubble" >Bubble Chart</option> | |
<option value="Line" >Line Chart</option> | |
<option value="Column" >Column Chart</option> | |
<option value="tablechart" >Table Chart</option> | |
</select> |