TheCoder4eu/BootsFaces-OSP#979 added the attribute badge-span

TheCoder4eu · Jul 24, 2018 · d3c6149 · d3c6149
1 parent c9f8810
commit d3c6149
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 9 deletions.
diff --git a/src/main/webapp/bootstrap/Slider2.xhtml b/src/main/webapp/bootstrap/Slider2.xhtml
@@ -505,12 +505,12 @@
           <h:form>
             <b:panelGrid columns="2" size="sm">
               <h:panelGroup display="block">
-                <div class="container">
                   <b:slider2 orientation="horizontal" value="#{sliderBean.age}" label="Enter your age (18-65)"
-                             mode="edit" id="age" />
+                             mode="edit" id="age" 
+                             badge-span="2" 
+                             badge-style="width: 2.7em;padding-right:5px;padding-left:5px"/>
                   <b:message for="age" />
                   <b:commandButton update="@form" value="Validate constraints" />
-                </div>
               </h:panelGroup>
               <h:panelGroup display="block">
                 <b:switch value="#{messageStyleBean.useLegacyBootsFacesStyle}"
@@ -532,12 +532,12 @@
           class="brush: xml; toolbar: false;gutter: false; first-line: 1">
           <![CDATA[
             <h:form>
-             <div class="container">
-                <b:slider2 orientation="horizontal" value="#{sliderBean.age}" label="Enter your age (18-65)"
-                           mode="edit" id="age" />
-                <b:message for="age" />
-                <b:commandButton update="@form" value="Validate constraints" />
-              </div>
+             <b:slider2 orientation="horizontal" value="#{sliderBean.age}" label="Enter your age (18-65)"
+                        mode="edit" id="age" 
+                        badge-span="2" 
+                        badge-style="width: 2.7em;padding-right:5px;padding-left:5px"/>
+             <b:message for="age" />
+             <b:commandButton update="@form" value="Validate constraints" />
             </h:form>
           ]]>
           </script>

diff --git a/src/main/webapp/bootstrap/Slider2Attributes.xhtml b/src/main/webapp/bootstrap/Slider2Attributes.xhtml
@@ -27,6 +27,11 @@
                 <td>false</td>
                 <td>Setting this flag updates the widget on every AJAX request.</td>
             </tr>
+            <tr>
+                <td>badge-span<br />badgeSpan (alternative writing)</td>
+                <td> 1 </td>
+                <td>The column span of the badge or input field (if it's shown).</td>
+            </tr>
             <tr>
                 <td>badge-style<br />badgeStyle (alternative writing)</td>
                 <td>(none)</td>

diff --git a/src/main/webapp/jquery-ui/SliderAttributes.xhtml b/src/main/webapp/jquery-ui/SliderAttributes.xhtml
@@ -27,6 +27,11 @@
                 <td>false</td>
                 <td>Setting this flag updates the widget on every AJAX request.</td>
             </tr>
+            <tr>
+                <td>badge-span<br />badgeSpan (alternative writing)</td>
+                <td> 1 </td>
+                <td>The column span of the badge or input field (if it's shown).</td>
+            </tr>
             <tr>
                 <td>badge-style<br />badgeStyle (alternative writing)</td>
                 <td>(none)</td>