[Kimchi-devel] [PATCH 04/11] UI: Sample of list widget
Signed-off-by: Wen Wang <wenwang(a)linux.vnet.ibm.com>
---
ui/js/widgets/samples/list-sample.html | 27 +++++++++++++++++++++++++++
1 file changed, 27 insertions(+)
create mode 100644 ui/js/widgets/samples/list-sample.html
diff --git a/ui/js/widgets/samples/list-sample.html
b/ui/js/widgets/samples/list-sample.html
new file mode 100644
index 0000000..e9a3c71
--- /dev/null
+++ b/ui/js/widgets/samples/list-sample.html
@@ -0,0 +1,27 @@
+<!--Sample code of list-->
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="UTF-8">
+ <title>Gauge Demo</title>
+ <script src="../../../libs/jquery-1.10.0.min.js"></script>
+ <script src="../../../libs/jquery-ui.min.js"></script>
+ <script src="../list-flat.js"></script>
+ <link rel="stylesheet"
href="../../../libs/themes/base/jquery-ui.min.css">
+ <link rel="stylesheet"
href="../../../css/theme-default/list-flat.css">
+ <link rel="stylesheet"
href="../../../css/fontello/css/animation.css">
+ <link rel="stylesheet"
href="../../../css/fontello/css/fontello.css">
+ </head>
+ <body>
+ <div class="list-demo"></div>
+ <script>
+ $(document).ready(function() {
+ $(".list-demo").listFlat({
+ title: "Hello World" //Set title.
+ });
+ $(".list-demo").listFlat("addItem",
"Hello", "2015", "icon-user", "button1");
+ //Add one item of the list, parameters are: name, info, icon and
button-id
+ });
+ </script>
+ </body>
+</html>
\ No newline at end of file
--
2.1.0