demo: add the sample at dialogue list

adds disabled mode sample

Change-Id: I14c0583ba0b66f18ad8412af70c971449eda4b78

diff --git a/demos/tizen-winsets/widgets/list/list-dialogue-edit.html b/demos/tizen-winsets/widgets/list/list-dialogue-edit.html
index 21be182..e5537a0 100644 (file)
--- a/demos/tizen-winsets/widgets/list/list-dialogue-edit.html
+++ b/demos/tizen-winsets/widgets/list/list-dialogue-edit.html
@@ -22,7 +22,6 @@
                                <input placeholder="Input your city" />
                        </li>
 
-
                        <li data-role="list-divider" data-style="dialogue">Contact sample ( Button )</li>
                        <li class="ui-li-dialogue ui-li-dialogue-edit">
                                <div class="ui-edit-title">Name </div>
@@ -44,6 +43,25 @@
                                <input placeholder="Input your city" />
                                <div data-role="button" data-style="edit">Delete</div>
                        </li>
+
+                       <li data-role="list-divider" data-style="dialogue">Contact sample ( Disabled )</li>
+                       <li class="ui-li-dialogue ui-li-dialogue-edit">
+                               <div class="ui-edit-title">Name </div>
+                               <input value="Tizen" disabled />
+                       </li>
+                       <li class="ui-li-dialogue ui-li-dialogue-edit">
+                               <div class="ui-edit-title">Tel.</div>
+                               <input value="0000000" disabled />
+                       </li>
+                       <li class="ui-li-dialogue ui-li-dialogue-edit">
+                               <div class="ui-edit-title">Address </div>
+                               <input value="777-77" disabled />
+                       </li>
+                       <li class="ui-li-dialogue ui-li-dialogue-edit">
+                               <div class="ui-edit-title">City </div>
+                               <input value="Seoul, Korea" disabled />
+                       </li>
+
                </ul>
        </div>
        <div data-role="footer">