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 @@ ...@@ -14,6 +14,9 @@
<script type="text/javascript" src="js/bootstrap.js"></script> <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/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="js/prettify.js"></script> <script type="text/javascript" src="js/prettify.js"></script>
<style>
.select-all-option label { font-weight: bold; }
</style>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
...@@ -567,9 +570,9 @@ ...@@ -567,9 +570,9 @@
}); });
</script> </script>
<style type="text/css"> <style type="text/css">
.multiselect-group { .multiselect-group {
font-weight: bold; font-weight: bold;
} }
</style> </style>
<table class="table table-striped"> <table class="table table-striped">
<tbody> <tbody>
...@@ -1079,18 +1082,18 @@ ...@@ -1079,18 +1082,18 @@
</div> </div>
<p>For additionaly styling of the multiselect button the CSS class <code>multiselect</code> can be used.</p> <p>For additionaly styling of the multiselect button the CSS class <code>multiselect</code> can be used.</p>
<style type="text/css"> <style type="text/css">
.add-styling .multiselect { .add-styling .multiselect {
width: 500px; width: 500px;
text-align: left; text-align: left;
} }
.add-styling .multiselect b.caret { .add-styling .multiselect b.caret {
position: absolute; position: absolute;
right: 5px; right: 5px;
} }
.add-styling .multiselect-group { .add-styling .multiselect-group {
font-weight: bold; font-weight: bold;
text-decoration: underline; text-decoration: underline;
} }
</style> </style>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function() {
......
js/bootstrap-multiselect.js
View file @ 639385f7
...@@ -135,6 +135,7 @@ ...@@ -135,6 +135,7 @@
var selected = $(element).prop('selected') || false; var selected = $(element).prop('selected') || false;
var $checkbox = $('input', $li); var $checkbox = $('input', $li);
$checkbox.val(value); $checkbox.val(value);
if (value == 'select-all-option') $checkbox.parent().parent().addClass('select-all-option');
$('label', $li).append(" " + label); $('label', $li).append(" " + label);
$('ul', this.$container).append($li); $('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