"Admin Nav Bar - Buttons - v3"
Bootstrap 3.1.0 Snippet by escapedlion

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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 ---------->
<!DOCTYPE html>
<html>
<head>
<meta name="generator" content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39">
<title>Support</title>
<!-- Force IE to turn off past version compatibility mode and use current version mode -->
<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1">
<!-- Get the width of the users display-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Text encoded as UTF-8 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- icons -->
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
<!-- bootstrap -->
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="default">
<!-- theme -->
<link href="https://netdna.bootstrapcdn.com/bootswatch/3.1.0/bootstrap/bootstrap.min.css" rel="stylesheet" title="theme">
<style>
body {background-color: white;}
table#TixManagementContent {background-color: #fff;}
.navbar-btn.navbar-left {margin-left: 10px;}
.navbar-btn.navbar-right {margin-right: 10px;}
</style>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
@import url("//netdna.bootstrapcdn.com/bootswatch/3.1.0/bootstrap/bootstrap.min.css");
@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css");
body {background-color: white;}
.btn-outline
{
background-color: transparent;
color: inherit;
transition: all .5s;
}
.btn-inverse
{
background-color: #ffffff;
color: inherit;
transition: all .5s;
}
.btn-primary.btn-outline {
color: #428bca;
}
.btn-success.btn-outline {
color: #5cb85c;
}
.btn-info.btn-outline {
color: #5bc0de;
}
.btn-warning.btn-outline {
color: #f0ad4e;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
$(function(){
$(".input-group-btn .dropdown-menu li a").click(function(){
var selText = $(this).html();
//working version - for single button //
//$('.btn:first-child').html(selText+'<span class="caret"></span>');
//working version - for multiple buttons //
$(this).parents('.input-group-btn').find('.dropdown-toggle').html(selText+'<span class="caret"></span>');
});
});
function save_settings()
{
localStorage.setItem("background_color" , $( "#background_color" ).val());
localStorage.setItem("text_color", $( "#text_color" ).val());
localStorage.setItem("text_size", $( "#text_size" ).val());
localStorage.setItem("theme_name", $( "#theme_name" ).val());
localStorage.setItem("display_label",$('input[name="display_label"]:checked').val());
apply_preferences_to_page();
}
function load_settings()
{
var background_color = localStorage.getItem( "background_color" );
var text_color = localStorage.getItem( "text_color" );
var text_size = localStorage.getItem( "text_size" );
var theme_name = localStorage.getItem( "theme_name" );
var display_label = localStorage.getItem( "display_label" );
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: