updated the documentation

TheCoder4eu · Aug 9, 2020 · 0112800 · 0112800
1 parent 8ef36bc
commit 0112800
Show file tree

Hide file tree

Showing 6 changed files with 46 additions and 8 deletions.
diff --git a/src/main/webapp/bootstrap/Slider2.xhtml b/src/main/webapp/bootstrap/Slider2.xhtml
@@ -67,7 +67,39 @@
     </h:form>
     <h2><a id="options_and_examples">Options and Examples</a></h2>
     <h4>Horizontal sliders width</h4>
-    <p>You can use the <code>span</code> attribute to control the width, in terms of Bootstrap's grid columns:</p>
+    <p>By default, the slider is 210 pixels wide. You can use the <code>span</code> attribute to control the width, in terms of Bootstrap's grid columns,
+    if you override this setting with a CSS rule:</p>
+    <b:panel look="info">
+      <f:facet name="heading"><b>EXAMPLE - <span class="glyphicon glyphicon-time"></span> Time slider</b></f:facet>
+
+	    <style>
+	        .slider.slider-horizontal{width:97%}
+	    </style>
+	    <b:row>
+	      <b:column>
+	        <b:slider2 mode="basic" label="Full width(12 columns default):" />
+	      </b:column>
+	    </b:row>
+	    <b:row>
+	      <b:column>
+	        <b:slider2 mode="basic" span="6" label="Slider (span=6):" />
+	      </b:column>
+	    </b:row>
+	    <b:row>
+	      <b:column>
+	        <b:slider2 mode="basic" span="4" label="Slider (span=4):" />
+	      </b:column>
+	    </b:row>
+       <f:facet name="footer">
+     <strong>Markup:</strong><br/>
+
+     <script type="syntaxhighlighter" class="brush: xml; toolbar: false;first-line: 0">
+     <![CDATA[
+    <style>
+        .slider.slider-horizontal {
+           width: 97%;
+        }
+    </style>
     <b:row>
       <b:column>
         <b:slider2 mode="basic" label="Full width(12 columns default):" />
@@ -83,9 +115,13 @@
         <b:slider2 mode="basic" span="4" label="Slider (span=4):" />
       </b:column>
     </b:row>
-    <p>If you omit the <code>span</code> attribute, the component will take the full width of the parent container.</p>
+
+          ]]></script>
+        </f:facet>
+      </b:panel>
+
     <br/>
-    <p>You can use more than one slider to get input for complex values, like the Time:</p>
+    <p>You can use more than one slider to get input for complex values, like the time:</p>
     <h:form id="fslider">
       <b:panel look="info">
       <f:facet name="heading"><b>EXAMPLE - <span class="glyphicon glyphicon-time"></span> Time slider</b></f:facet>

diff --git a/src/main/webapp/forms/RadioButton.xhtml b/src/main/webapp/forms/RadioButton.xhtml
@@ -44,6 +44,7 @@
               <b:radiobutton value="#{radiobuttonBean.javaVersion}" itemLabel="Java 9" itemValue="9" disabled="true"/>
               <b:radiobutton value="#{radiobuttonBean.javaVersion}" itemLabel="Java 10" itemValue="10" disabled="true"/>
               <b:radiobutton value="#{radiobuttonBean.javaVersion}" itemLabel="Java 11(LTS)" itemValue="11" />
+              <b:radiobutton value="#{radiobuttonBean.javaVersion}" itemLabel="Java 14" itemValue="14" />
             </b:panelGrid>
             <b:commandButton value="submit your choice" action="#{radiobuttonBean.submit}" look="primary" update="@form" />
             <b:messages />
@@ -62,6 +63,7 @@
                   <b:radiobutton value="&num;{radiobuttonBean.javaVersion}" itemLabel="Java 9" itemValue="9" disabled="true"/>
                   <b:radiobutton value="&num;{radiobuttonBean.javaVersion}" itemLabel="Java 10" itemValue="10" disabled="true"/>
                   <b:radiobutton value="&num;{radiobuttonBean.javaVersion}" itemLabel="Java 11(LTS)" itemValue="11" />
+                  <b:radiobutton value="&num;{radiobuttonBean.javaVersion}" itemLabel="Java 14" itemValue="14" />
                 </b:panelGrid>
                 <b:commandButton value="submit your choice" action="&num;{radiobuttonBean.submit}" look="primary" update="@form" />
                 <b:messages />
@@ -250,7 +252,7 @@
         <h2><a id="reference_section">Reference section</a></h2>
         <ui:include src="RadiobuttonAttributes.xhtml" />
         <b:panel look="info">
-          <f:facet name="heading">
+          <f:facet name="heading" rendered="false">
             <b>Skinning</b>
           </f:facet>
           <ul>

diff --git a/src/main/webapp/forms/TouchSpin.xhtml b/src/main/webapp/forms/TouchSpin.xhtml
@@ -123,7 +123,7 @@
 
     <h2><a id="reference_section">Reference section</a></h2>
     <ui:include src="TouchSpinAttributes.xhtml" />
-    <b:panel look="info">
+    <b:panel look="info" rendered="false">
       <f:facet name="heading">
         <b>Skinning</b>
       </f:facet>

diff --git a/src/main/webapp/forms/switch.xhtml b/src/main/webapp/forms/switch.xhtml
@@ -32,7 +32,7 @@
     <b:panel title="Live preview" look="info" collapsible="false">
       <b:form>
         <b:panelGrid columns="4">
-          <b:switch value="#{settingsBean.sbox1}" label="sswitch 1" offColor="success" onColor="info"
+          <b:switch value="#{settingsBean.sbox1}" label="switch 1" offColor="success" onColor="info"
           			onchange="ajax:settingsBean.action()" update="@none"
                     converter="StringToBooleanConverter">
                     <!-- 

diff --git a/src/main/webapp/jquery-ui/slider2.xhtml b/src/main/webapp/jquery-ui/slider2.xhtml
@@ -9,7 +9,7 @@
   <ui:define name="content">
     <h1>Fancy sliders</h1>
     <h3>Options and Examples</h3>
-    <p>You can use more than one slider to get input for complex values, like the Time:</p>
+    <p>You can use more than one slider to get input for complex values, like the time:</p>
     <h:form prependId="false" addLabels="false">
       <b:tabView>
         <b:tab title="EXAMPLE - Time slider" id="time">

diff --git a/src/main/webapp/miscellaneous/Video.xhtml b/src/main/webapp/miscellaneous/Video.xhtml
@@ -198,7 +198,7 @@
 
     <h2><a id="reference_section">Reference section</a></h2>
     <ui:include src="VideoAttributes.xhtml" />
-    <b:panel look="info">
+    <b:panel look="info" rendered="false">
       <f:facet name="heading">
         <b>Skinning</b>
       </f:facet>