demo: fix virtuallist sample layout

[platform/framework/web/web-ui-fw.git] / demos / tizen-winsets / widgets / list / virtuallist-normal_3_1_14.html

diff --git a/demos/tizen-winsets/widgets/list/virtuallist-normal_3_1_14.html b/demos/tizen-winsets/widgets/list/virtuallist-normal_3_1_14.html
index 850f892..9f0c28b 100755 (executable)
--- a/demos/tizen-winsets/widgets/list/virtuallist-normal_3_1_14.html
+++ b/demos/tizen-winsets/widgets/list/virtuallist-normal_3_1_14.html
@@ -4,11 +4,20 @@
        <div data-role="header" data-position="fixed">
                <h1>Virtual List - Normal Style 1line-bigicon5</h1>
        </div>
+       <style type="text/css">
+#virtuallist-normal_1line-bigicon5_ul li .ui-li-text-main {
+       max-width:75%;
+       display:inline-block;
+       overflow:hidden;
+       text-overflow: ellipsis;
+       white-space: nowrap;
+}
+       </style>
        <div data-role="content">
                <script id="tmp-1line-bigicon5" type="text/x-jquery-tmpl">
                        <li class="ui-li-1line-bigicon5">
-                               <span class="ui-li-text-main">${NAME}</span>
                                <img src=${TEAM_LOGO} class="ui-li-bigicon">
+                               <span class="ui-li-text-main">${NAME}</span>
                                <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
                        </li>
                </script>