"color select v.0.2"
Bootstrap 3.3.0 Snippet by gaghigogu

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ---------->
<div class="container">
<div class="row">
<div class="col-sm-5">
<div class="btn-group">
<button type="button" class="btn btn-default selected" disabled>
scegli un colore
</button>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<span class="caret"></span>
</button>
<ul id="color-list" class="dropdown-menu scrollable-menu" role="menu"></ul>
</div>
</div>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
.scrollable-menu {
height:auto;
max-height:200px;
overflow-y:scroll;
}
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
var webColors = [
"#FFA07A",
"#FA8072",
"#E9967A",
"#F08080",
"#CD5C5C",
"#DC143C",
"#B22222",
"#FF0000",
"#8B0000",
"#FF7F50",
"#FF6347",
"#FF4500",
"#FFD700",
"#FFA500",
"#FF8C00",
"#FFFFE0",
"#FFFACD",
"#FAFAD2",
"#FFEFD5",
"#FFE4B5",
"#FFDAB9",
"#EEE8AA",
"#F0E68C",
"#BDB76B",
"#FFFF00",
"#7CFC00",
"#7FFF00",
"#32CD32",
"#00FF00",
"#228B22",
"#008000",
"#006400",
"#ADFF2F",
"#9ACD32",
"#00FF7F",
"#00FA9A",
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Argon Dashboard PRO
Multi Select Tiled Layout
Flat color progress bars
Button Dropdown Select

Questions / Comments: