Skip to content

B
bootstrap-multiselect
Commit 639385f7 authored by Luís Rudge's avatar Luís Rudge
Browse files
Options

add css class to the select all <a> tag

parent 91dd61fc
Hide whitespace changes
Inline Side-by-side
Showing with 19 additions and 15 deletions
index.html
View file @ 639385f7
......@@ -14,6 +14,9 @@
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="js/prettify.js"></script>
<style>
.select-all-option label { font-weight: bold; }
</style>
</head>
<body>
<div class="container">
......@@ -567,9 +570,9 @@
});
</script>
<style type="text/css">
.multiselect-group {
font-weight: bold;
}
.multiselect-group {
font-weight: bold;
}
</style>
<table class="table table-striped">
<tbody>
......@@ -1079,18 +1082,18 @@
</div>
<p>For additionaly styling of the multiselect button the CSS class <code>multiselect</code> can be used.</p>
<style type="text/css">
.add-styling .multiselect {
width: 500px;
text-align: left;
}
.add-styling .multiselect b.caret {
position: absolute;
right: 5px;
}
.add-styling .multiselect-group {
font-weight: bold;
text-decoration: underline;
}
.add-styling .multiselect {
width: 500px;
text-align: left;
}
.add-styling .multiselect b.caret {
position: absolute;
right: 5px;
}
.add-styling .multiselect-group {
font-weight: bold;
text-decoration: underline;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
......
js/bootstrap-multiselect.js
View file @ 639385f7
......@@ -135,6 +135,7 @@
var selected = $(element).prop('selected') || false;
var $checkbox = $('input', $li);
$checkbox.val(value);
if (value == 'select-all-option') $checkbox.parent().parent().addClass('select-all-option');
$('label', $li).append(" " + label);
$('ul', this.$container).append($li);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment