diff options
| author | Chris Rebert <[email protected]> | 2014-07-18 11:48:00 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-07-18 11:48:00 -0700 |
| commit | 976441ac1bad923a718d9db355153954b067f01a (patch) | |
| tree | a7fcb91caee8ac52800ce3488c098a44a61d5c84 /docs/_includes | |
| parent | 866ffc4f37def3d505a10a161720dc0ef9420dea (diff) | |
| download | bootstrap-976441ac1bad923a718d9db355153954b067f01a.tar.xz bootstrap-976441ac1bad923a718d9db355153954b067f01a.zip | |
Document limitations of buttons JS plugin
Addresses #14148.
Diffstat (limited to 'docs/_includes')
| -rw-r--r-- | docs/_includes/js/buttons.html | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/docs/_includes/js/buttons.html b/docs/_includes/js/buttons.html index ee5b3d71d..dbacb632c 100644 --- a/docs/_includes/js/buttons.html +++ b/docs/_includes/js/buttons.html @@ -41,6 +41,10 @@ <h4>Pre-checked options need <code>.active</code></h4> <p>For pre-checked options, you must add the <code>.active</code> class to the input's <code>label</code> yourself.</p> </div> + <div class="bs-callout bs-callout-warning"> + <h4>Visual checked state only updated on click</h4> + <p>If the checked state of a checkbox button is updated without firing a <code>click</code> event on the button (e.g. via <code><input type="reset"></code> or via setting the <code>checked</code> property of the input), you will need to toggle the <code>.active</code> class on the input's <code>label</code> yourself.</p> + </div> <div class="bs-example" style="padding-bottom: 24px;"> <div class="btn-group" data-toggle="buttons"> <label class="btn btn-primary active"> @@ -74,6 +78,10 @@ <h4>Preselected options need <code>.active</code></h4> <p>For preselected options, you must add the <code>.active</code> class to the input's <code>label</code> yourself.</p> </div> + <div class="bs-callout bs-callout-warning"> + <h4>Visual checked state only updated on click</h4> + <p>If the checked state of a radio button is updated without firing a <code>click</code> event on the button (e.g. via <code><input type="reset"></code> or via setting the <code>checked</code> property of the input), you will need to toggle the <code>.active</code> class on the input's <code>label</code> yourself.</p> + </div> <div class="bs-example" style="padding-bottom: 24px;"> <div class="btn-group" data-toggle="buttons"> <label class="btn btn-primary active"> |