Few comments bellow...<br><br><div class="gmail_quote">On Wed Feb 04 2015 at 3:55:50 PM Wen Wang &lt;<a href="mailto:wenwang@linux.vnet.ibm.com">wenwang@linux.vnet.ibm.com</a>&gt; wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">V1 -&gt; V2:<br>
Add lincense.<br>
<br>
Signed-off-by: Wen Wang &lt;<a href="mailto:wenwang@linux.vnet.ibm.com" target="_blank">wenwang@linux.vnet.ibm.com</a>&gt;<br>
---<br>
 ...u-button-radio-checkbox-<u></u>text-select-sample.html | 101 +++++++++++++++++++++<br>
 1 file changed, 101 insertions(+)<br>
 create mode 100644 ui/js/widgets/samples/menu-<u></u>button-radio-checkbox-text-<u></u>select-sample.html<br>
<br>
diff --git a/ui/js/widgets/samples/menu-<u></u>button-radio-checkbox-text-<u></u>select-sample.html b/ui/js/widgets/samples/menu-<u></u>button-radio-checkbox-text-<u></u>select-sample.html<br>
new file mode 100644<br>
index 0000000..2b97073<br>
--- /dev/null<br>
+++ b/ui/js/widgets/samples/menu-<u></u>button-radio-checkbox-text-<u></u>select-sample.html<br>
@@ -0,0 +1,101 @@<br>
+&lt;!--<br>
+/*<br>
+ * Project Kimchi<br>
+ *<br>
+ * Copyright IBM, Corp. 2014<br></blockquote><div><br></div><div>s/2014/2015</div><div> </div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
+ *<br>
+ * Licensed under the Apache License, Version 2.0 (the &#39;License&#39;);<br>
+ * you may not use this file except in compliance with the License.<br>
+ * You may obtain a copy of the License at<br>
+ *<br>
+ *     <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">http://www.apache.org/<u></u>licenses/LICENSE-2.0</a><br>
+ *<br>
+ * Unless required by applicable law or agreed to in writing, software<br>
+ * distributed under the License is distributed on an &#39;AS IS&#39; BASIS,<br>
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.<br>
+ * See the License for the specific language governing permissions and<br>
+ * limitations under the License.<br>
+ */<br>
+--&gt;<br>
+&lt;!DOCTYPE html&gt;<br>
+&lt;html&gt;<br>
+    &lt;head&gt;<br>
+        &lt;meta charset=&quot;UTF-8&quot;&gt;<br>
+        &lt;title&gt;Demo&lt;/title&gt;<br>
+        &lt;script src=&quot;../../../libs/jquery-1.<u></u>10.0.min.js&quot;&gt;&lt;/script&gt;<br>
+        &lt;script src=&quot;../../../libs/jquery-ui.<u></u>min.js&quot;&gt;&lt;/script&gt;<br>
+        &lt;script src=&quot;../menu-flat.js&quot;&gt;&lt;/<u></u>script&gt;<br>
+        &lt;script src=&quot;../button-flat.js&quot;&gt;&lt;/<u></u>script&gt;<br>
+        &lt;script src=&quot;../radio-flat.js&quot;&gt;&lt;/<u></u>script&gt;<br>
+        &lt;script src=&quot;../checkbox-flat.js&quot;&gt;&lt;/<u></u>script&gt;<br>
+        &lt;script src=&quot;../textbox-flat.js&quot;&gt;&lt;/<u></u>script&gt;<br>
+        &lt;script src=&quot;../selectmenu-flat.js&quot;&gt;&lt;/<u></u>script&gt;<br>
+        &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../libs/themes/<u></u>base/jquery-ui.min.css&quot;&gt;<br>
+        &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../css/theme-<u></u>default/menu-flat.css&quot;&gt;<br>
+        &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../css/theme-<u></u>default/button-flat.css&quot;&gt;<br>
+        &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../css/theme-<u></u>default/radio-flat.css&quot;&gt;<br>
+        &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../css/theme-<u></u>default/checkbox-flat.css&quot;&gt;<br>
+        &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../css/theme-<u></u>default/textbox-flat.css&quot;&gt;<br>
+        &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../css/theme-<u></u>default/selectmenu-flat.css&quot;&gt;<br>
+        &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../css/fontello/<u></u>css/animation.css&quot;&gt;<br>
+        &lt;link rel=&quot;stylesheet&quot; href=&quot;../../../css/fontello/<u></u>css/fontello.css&quot;&gt;<br>
+    &lt;/head&gt;<br>
+    &lt;body&gt;<br>
+        &lt;div id=&quot;menu&quot;&gt;&lt;/div&gt;<br>
+        &lt;div style=&quot;height:50px&quot;&gt;&lt;div id=&quot;select&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br>
+        &lt;div class=&quot;radio-demo&quot;&gt;&lt;/div&gt;<br>
+        &lt;div class=&quot;checkbox-demo&quot;&gt;&lt;/div&gt;<br>
+        &lt;input class=&quot;text-demo&quot;&gt;<br>
+        &lt;button class=&quot;button-demo&quot;&gt;submit&lt;/<u></u>button&gt;<br>
+        &lt;script&gt;<br>
+            $(document).ready(function() {<br>
+                $(&quot;#menu&quot;).menuFlat({<br>
+                    content: [1,2,3,4,5,6], //Set content of the menu.<br>
+                    icon: &quot;icon-edit-alt&quot;,  //Set icon of the menu button.<br>
+                    listIconList: [&quot;icon-edit-alt&quot;,&quot;icon-edit-<u></u>alt&quot;,&quot;icon-edit-alt&quot;,&quot;icon-<u></u>edit-alt&quot;,&quot;icon-edit-alt&quot;,&quot;<u></u>icon-user&quot;]<br>
+                                          //Set icons of the menu list.<br>
+                                           // name is optional which set the name of the menu list.<br></blockquote><div><br></div><div>Indentation of the comments look like wrong for me.<br></div><div> </div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
+                });<br>
+                $(&quot;#menu0&quot;).on(&quot;click&quot;, function() {<br>
+                    alert(&quot;hello&quot;);<br>
+                });<br>
+                $(&quot;#menu1&quot;).on(&quot;click&quot;, function() {<br>
+                    console.log(&quot;hello&quot;);<br>
+                });<br>
+                $(&quot;#select&quot;).selectmenuFlat({<br>
+                    content: [1,2,3,4,5,6],  //Set content of the select menu<br>
+                    selected: 2  // set the selected option, starts from &quot;1&quot;<br>
+                });<br>
+                $(&quot;#select&quot;).selectmenuFlat(&quot;<u></u>value&quot;, &quot;4&quot;); //Set value.<br>
+                var t = $(&quot;#select&quot;).selectmenuFlat(&quot;<u></u>value&quot;);  //Get value<br>
+                console.log(t);<br>
+                $(&quot;.radio-demo&quot;).radioFlat({<br>
+                    id: &quot;t&quot;,  //Base id of the radio set.<br>
+                    name: &quot;test&quot;,  //name of the radio.<br>
+                    whichChecked: 2,  //First selected position, starts from 1.<br>
+                    content: [&quot;apple&quot;, &quot;banana&quot;, &quot;orange&quot;, &quot;cherry&quot;] //set the content array.<br>
+                });<br>
+                $(&quot;.radio-demo&quot;).click(<u></u>function() {<br>
+                   console.log($(&quot;.radio-demo&quot;).<u></u>radioFlat(&quot;value&quot;));  //this is how to get the value of selected radio value<br>
+                });<br>
+                $(&quot;.checkbox-demo&quot;).<u></u>checkboxFlat({<br>
+                    id: &quot;t&quot;,  //Checkbox base id.<br>
+                    name: &quot;test&quot;,  //Checkbox name.<br>
+                    content: [&quot;apple&quot;, &quot;banana&quot;, &quot;orange&quot;, &quot;cherry&quot;],  //Contents of the checkbox set.<br>
+                    checked: [1,3]  //Set the checked item, which starts with number 1.<br>
+                });<br>
+                $(&quot;.checkbox-demo&quot;).click(<u></u>function() {<br>
+                    console.log($(&quot;.selector&quot;).<u></u>checkboxFlat(&quot;value&quot;));  //Get value of the checked checkbox.<br>
+                });<br>
+                $(&quot;.text-demo&quot;).textboxFlat({<br>
+                    hint: &quot;hint&quot;<br>
+                });<br>
+                $(&quot;.text-demo&quot;).css({<br>
+                    &quot;height&quot;: &quot;30px&quot;,<br>
+                    &quot;width&quot;: &quot;200px&quot;<br>
+                });<br>
+                $(&quot;.button-demo&quot;).buttonFlat()<u></u>;<br>
+            });<br>
+        &lt;/script&gt;<br>
+    &lt;/body&gt;<br>
+&lt;/html&gt;<br>
\ No newline at end of file<br>
--<br>
2.1.0<br>
<br>
______________________________<u></u>_________________<br>
Kimchi-devel mailing list<br>
<a href="mailto:Kimchi-devel@ovirt.org" target="_blank">Kimchi-devel@ovirt.org</a><br>
<a href="http://lists.ovirt.org/mailman/listinfo/kimchi-devel" target="_blank">http://lists.ovirt.org/<u></u>mailman/listinfo/kimchi-devel</a><br>
</blockquote></div>