Skip to content

Commit

Permalink
TheCoder4eu/BootsFaces-OSP#954 documented how to make the selectMulti…
Browse files Browse the repository at this point in the history
…Menu use the entire width of its surrounding column
  • Loading branch information
stephanrauh committed Jun 7, 2018
1 parent 10b03ae commit 45f4aaf
Showing 1 changed file with 21 additions and 0 deletions.
21 changes: 21 additions & 0 deletions src/main/webapp/forms/selectMultiMenu.xhtml
Original file line number Diff line number Diff line change
Expand Up @@ -196,6 +196,27 @@
<li>onInitialized </li>
</ul>

<h2><a id="width">Setting the width</a></h2>
<p>By default, the multiple-choice select box doesn't respect the <code>form-group</code>
properties. In other words, it's smaller than the other input fields, which use all
available space in a <code>&lt;b:column /&gt;</code>. You can fix this with a few lines
of CSS code:</p>
<b:well>
<script type="syntaxhighlighter" class="brush: css toolbar: false;gutter: false; first-line: 1">
<![CDATA[
div > .btn-group {
width:100%;
}
div > .btn-group > button {
width:100%;
}
div > .btn-group > ul {
width:100%;
}
]]>
</script>
</b:well>


<h2><a id="options">Options</a></h2>
<h:form>
Expand Down

0 comments on commit 45f4aaf

Please sign in to comment.