tizen demo : bug fix

reposition 2line-text button, vertical popup position fix, more popup demo bug fix

Change-Id: I3a69b7d6dda19b41f69368c7f74178201418972a

diff --git a/demos/tizen-winsets/tips/two-line-text/two-line-text.html b/demos/tizen-winsets/tips/two-line-text/two-line-text.html
index 49d3df2..177f48d 100755 (executable)
--- a/demos/tizen-winsets/tips/two-line-text/two-line-text.html
+++ b/demos/tizen-winsets/tips/two-line-text/two-line-text.html
@@ -15,21 +15,21 @@
                                <input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment861" value="on" checked="checked" />
                                <label for="segment861">List</label>
                                <input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment862" value="off" />
-                               <label for="segment862">This button is very long text. This button is very long text</label>
+                               <label for="segment862">Short button</label>
                                <input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment863" value="off" />
-                               <label id="textposition" for="segment863">This button is very long text<br>This button is very long text</label>
+                               <label id="textposition" for="segment863">This button is long<br>please type 2line</label>
                        </fieldset>     <br>
                <p> to make text in button, 2 line
                <p> Simple making step is ...<br><br>
                1. first insert &lt;br&gt; tag between text  <br><br>
                2. then set fontsize to see text in small area <br>
-                  &nbsp;&nbsp;ex&gt; $( "#textposition" ).css("font-size", "12px");  <br><br>
+                  &nbsp;&nbsp;ex&gt; $( "#textposition .ui-btn-text" ).css("font-size", "12px");  <br><br>
                3. if element attribute or inner attributes has padding-top/bottom,<br>
                 control this value because this value hide some text top/bottom <br>
-                  &nbsp;&nbsp;ex&gt; $( "#textposition" ).find("span").css("padding-top", "4px"); <br><br>
+                  &nbsp;&nbsp;ex&gt; $( "#textposition" ).find("span").css("padding-top", "2px"); <br><br>
                4. last control height between line text using line-height  <br>
-                        &nbsp;&nbsp;ex&gt; $( "#textposition" ).find("span").css("line-height", "14px"); <br><br><br><br>
+                        &nbsp;&nbsp;ex&gt; $( "#textposition" ).find("span").css("line-height", "10px"); <br><br><br><br>
        </div>
        <div data-role="footer">
        </div>
-</div>
+</div>
\ No newline at end of file

diff --git a/demos/tizen-winsets/tips/two-line-text/two-line-text.js b/demos/tizen-winsets/tips/two-line-text/two-line-text.js
index b06313b..2d9d903 100755 (executable)
--- a/demos/tizen-winsets/tips/two-line-text/two-line-text.js
+++ b/demos/tizen-winsets/tips/two-line-text/two-line-text.js
@@ -1,8 +1,8 @@
 $( document ).bind( "pagebeforeshow", function( e ) {
        if( $( "#textposition" ).length ) {
-               $( "#textposition" ).css( "font-size", "12px" );
-               $( "#textposition" ).find( "span" ).css( "height", "32px" );
-               $( "#textposition" ).find( "span" ).css("padding-top", "4px");
-               $( "#textposition" ).find( "span" ).css("padding-bottom", "4px");
+               $( "#textposition .ui-btn-text" ).css( "font-size", "12px" );
+               $( "#textposition" ).find( "span" ).css( "line-height", "10px" );
+               $( "#textposition" ).find( "span" ).css("padding-top", "2px");
+               $( "#textposition" ).find( "span" ).css("padding-bottom", "2px");
        }
 });

diff --git a/demos/tizen-winsets/widgets/buttonGrouping.html b/demos/tizen-winsets/widgets/buttonGrouping.html
index 0e961f7..2152b8f 100755 (executable)
--- a/demos/tizen-winsets/widgets/buttonGrouping.html
+++ b/demos/tizen-winsets/widgets/buttonGrouping.html
@@ -8,23 +8,23 @@
        <div data-role="content">
                <p>1. Groupped 2 button</p>
                <div data-role="controlgroup" data-type="horizontal">
-                       <a href="index.html" data-role="button">Back Button</a>
-                       <a href="index.html" data-role="button">Next Button</a>
+                       <a href="#" data-role="button">Back Button</a>
+                       <a href="#" data-role="button">Next Button</a>
                </div>
                <br>
                <p>2. Groupped 3 button</p>
                <div data-role="controlgroup" data-type="horizontal">
-                       <a href="index.html" data-role="button">Back Button</a>
-                       <a href="index.html" data-role="button">Save Button</a>
-                       <a href="index.html" data-role="button">Next Button</a>
+                       <a href="#" data-role="button">Back Button</a>
+                       <a href="#" data-role="button">Save Button</a>
+                       <a href="#" data-role="button">Next Button</a>
                </div>
                <br>
                <p>3. Groupped 4 button</p>
                <div data-role="controlgroup" data-type="horizontal">
-                       <a href="index.html" data-role="button">Back</a>
-                       <a href="index.html" data-role="button">Save</a>
-                       <a href="index.html" data-role="button">Stop</a>
-                       <a href="index.html" data-role="button">Next</a>
+                       <a href="#" data-role="button">Back</a>
+                       <a href="#" data-role="button">Save</a>
+                       <a href="#" data-role="button">Stop</a>
+                       <a href="#" data-role="button">Next</a>
                </div>
        </div><!-- /content -->
 

diff --git a/demos/tizen-winsets/widgets/naviframe/naviframe.html b/demos/tizen-winsets/widgets/naviframe/naviframe.html
index 7714ff9..eb0e8b8 100755 (executable)
--- a/demos/tizen-winsets/widgets/naviframe/naviframe.html
+++ b/demos/tizen-winsets/widgets/naviframe/naviframe.html
@@ -29,347 +29,11 @@
                                        <li data-role="list-divider">Simple Naviframe Footer Style</li>
                                        <li><a href="naviframe_footer_more.html">Footer more</a></li>
                                        <li><a href="naviframe_footer_more_button.html">Footer with button</a></li>
-                                       <li data-role="list-divider">Old version</li>
-                                       <li><a href="#normalstyle">Normal style title</a></li>
-                                       <li><a href="#extendedstyle">Extended style title</a></li>
                                </ul>
                        </div>
                </div>
                <div data-role="footer">
                </div>
        </div>
-
-       <div data-role="page" id="normalstyle" data-add-back-btn="true">
-               <div data-role="header" data-position="fixed">
-                       <h1>Normal Title</h1>
-               </div>
-               <div data-role="content">
-                       <ul data-role="listview">
-                               <li><a href="#normal1btn">Title 1 button</a></li>
-                               <li><a href="#normal2btn">Title 2 button</a></li>
-                               <li><a href="#normal2btnicononly">Title 2 button Icon only</a></li>
-                               <li><a href="#normal3btn">Title 3 button</a></li>
-                               <li><a href="#iconTitle">Icon + Title</a></li>
-                               <li><a href="#customTitle1">Custom Title with button position: left</a></li>
-                               <li><a href="#customTitle2">Custom Title with button position: right</a></li>
-                               <li><a href="#customTitle3">Custom Title with button position: mix</a></li>
-                               <li><a href="#NavigationbarMain">Go back to Navigation Bar</a></li>
-                       </ul>
-               </div>
-               <div data-role="footer">
-               </div>
-       </div>
-
-       <div data-role="page" id="normal1btn" data-add-back-btn="true">
-               <div data-role="header" data-position="fixed">
-                       <h1>Normal Title - 1Btn</h1>
-                       <a>text1</a>
-               </div>
-               <div data-role="content">
-                       <ul data-role="listview">
-                               <li><a href="#normal1btn">Title 1 button</a></li>
-                               <li><a href="#normal2btn">Title 2 button</a></li>
-                               <li><a href="#normal2btnicononly">Title 2 button Icon only</a></li>
-                               <li><a href="#normal3btn">Title 3 button</a></li>
-                               <li><a href="#iconTitle">Icon + Title</a></li>
-                               <li><a href="#customTitle1">Custom Title with button position: left</a></li>
-                               <li><a href="#customTitle2">Custom Title with button position: right</a></li>
-                               <li><a href="#customTitle3">Custom Title with button position: mix</a></li>
-                               <li><a href="#NavigationbarMain">Go back to Navigation Bar</a></li>
-                       </ul>
-               </div>
-               <div data-role="footer">
-               </div>
-       </div>
-
-       <div data-role="page" id="normal2btn" data-add-back-btn="true">
-               <div data-role="header" data-position="fixed">
-                       <h1>Normal Title - 2Btn</h1>
-                       <a>text1</a>
-                       <a>text2</a>
-               </div>
-               <div data-role="content">
-                       <ul data-role="listview">
-                               <li><a href="#normal1btn">Title 1 button</a></li>
-                               <li><a href="#normal2btn">Title 2 button</a></li>
-                               <li><a href="#normal2btnicononly">Title 2 button Icon only</a></li>
-                               <li><a href="#normal3btn">Title 3 button</a></li>
-                               <li><a href="#iconTitle">Icon + Title</a></li>
-                               <li><a href="#customTitle1">Custom Title with button position: left</a></li>
-                               <li><a href="#customTitle2">Custom Title with button position: right</a></li>
-                               <li><a href="#customTitle3">Custom Title with button position: mix</a></li>
-                               <li><a href="#NavigationbarMain">Go back to Navigation Bar</a></li>
-                       </ul>
-               </div>
-               <div data-role="footer">
-               </div>
-       </div>
-
-       <div data-role="page" id="normal2btnicononly" data-add-back-btn="true">
-               <div data-role="header" data-position="fixed">
-                       <h1>Normal Title+2Buttons Icon only</h1>
-                       <a data-icon="plus"></a>
-                       <a data-icon="minus"></a>
-               </div>
-               <div data-role="content">
-                       <ul data-role="listview">
-                               <li><a href="#normal1btn">Title 1 button</a></li>
-                               <li><a href="#normal2btn">Title 2 button</a></li>
-                               <li><a href="#normal2btnicononly">Title 2 button Icon only</a></li>
-                               <li><a href="#normal3btn">Title 3 button</a></li>
-                               <li><a href="#iconTitle">Icon + Title</a></li>
-                               <li><a href="#customTitle1">Custom Title with button position: left</a></li>
-                               <li><a href="#customTitle2">Custom Title with button position: right</a></li>
-                               <li><a href="#customTitle3">Custom Title with button position: mix</a></li>
-                               <li><a href="#NavigationbarMain">Go back to Navigation Bar</a></li>
-                       </ul>
-               </div>
-               <div data-role="footer">
-               </div>
-       </div>
-
-
-       <div data-role="page" id="normal3btn" data-add-back-btn="true">
-               <div data-role="header" data-position="fixed">
-                       <h1>Normal Title - 3Btn</h1>
-                       <a>text1</a>
-                       <a>text2</a>
-                       <a>text3</a>
-               </div>
-               <div data-role="content">
-                       <ul data-role="listview">
-                               <li><a href="#normal1btn">Title 1 button</a></li>
-                               <li><a href="#normal2btn">Title 2 button</a></li>
-                               <li><a href="#normal2btnicononly">Title 2 button Icon only</a></li>
-                               <li><a href="#normal3btn">Title 3 button</a></li>
-                               <li><a href="#iconTitle">Icon + Title</a></li>
-                               <li><a href="#customTitle1">Custom Title with button position: left</a></li>
-                               <li><a href="#customTitle2">Custom Title with button position: right</a></li>
-                               <li><a href="#customTitle3">Custom Title with button position: mix</a></li>
-                               <li><a href="#NavigationbarMain">Go back to Navigation Bar</a></li>
-                       </ul>
-               </div>
-               <div data-role="footer">
-               </div>
-       </div>
-
-       <div data-role="page" id="iconTitle" data-add-back-btn="true">
-               <div data-role="header" data-position="fixed">
-                       <img src="icon-tizen.png"/>
-                       <h1>Icon Title</h1>
-                       <a>text1</a>
-               </div>
-               <div data-role="content">
-                       <ul data-role="listview">
-                               <li><a href="#normal1btn">Title 1 button</a></li>
-                               <li><a href="#normal2btn">Title 2 button</a></li>
-                               <li><a href="#normal2btnicononly">Title 2 button Icon only</a></li>
-                               <li><a href="#normal3btn">Title 3 button</a></li>
-                               <li><a href="#iconTitle">Icon + Title</a></li>
-                               <li><a href="#customTitle1">Custom Title with button position: left</a></li>
-                               <li><a href="#customTitle2">Custom Title with button position: right</a></li>
-                               <li><a href="#customTitle3">Custom Title with button position: mix</a></li>
-                               <li><a href="#NavigationbarMain">Go back to Navigation Bar</a></li>
-                       </ul>
-               </div>
-               <div data-role="footer">
-               </div>
-       </div>
-
-       <div data-role="page" id="customTitle1" data-add-back-btn="true">
-               <div data-role="header" data-position="fixed">
-                       <h1>Title with Left button</h1>
-                       <a class="ui-btn-left">Left1</a>
-                       <a class="ui-btn-left">Left2</a>
-                       <a class="ui-btn-left">Left3</a>
-               </div>
-               <div data-role="content">
-                       <ul data-role="listview">
-                               <li><a href="#normal1btn">Title 1 button</a></li>
-                               <li><a href="#normal2btn">Title 2 button</a></li>
-                               <li><a href="#normal2btnicononly">Title 2 button Icon only</a></li>
-                               <li><a href="#normal3btn">Title 3 button</a></li>
-                               <li><a href="#iconTitle">Icon + Title</a></li>
-                               <li><a href="#customTitle1">Custom Title with button position: left</a></li>
-                               <li><a href="#customTitle2">Custom Title with button position: right</a></li>
-                               <li><a href="#customTitle3">Custom Title with button position: mix</a></li>
-                               <li><a href="#NavigationbarMain">Go back to Navigation Bar</a></li>
-                       </ul>
-               </div>
-               <div data-role="footer">
-               </div>
-       </div>
-
-       <div data-role="page" id="customTitle2" data-add-back-btn="true">
-               <div data-role="header" data-position="fixed">
-                       <h1>Title with Right button</h1>
-                       <a class="ui-btn-right">Right1</a>
-                       <a class="ui-btn-right">Right2</a>
-                       <a class="ui-btn-right">Right3</a>
-               </div>
-               <div data-role="content">
-                       <ul data-role="listview">
-                               <li><a href="#normal1btn">Title 1 button</a></li>
-                               <li><a href="#normal2btn">Title 2 button</a></li>
-                               <li><a href="#normal2btnicononly">Title 2 button Icon only</a></li>
-                               <li><a href="#normal3btn">Title 3 button</a></li>
-                               <li><a href="#iconTitle">Icon + Title</a></li>
-                               <li><a href="#customTitle1">Custom Title with button position: left</a></li>
-                               <li><a href="#customTitle2">Custom Title with button position: right</a></li>
-                               <li><a href="#customTitle3">Custom Title with button position: mix</a></li>
-                               <li><a href="#NavigationbarMain">Go back to Navigation Bar</a></li>
-                       </ul>
-               </div>
-               <div data-role="footer">
-               </div>
-       </div>
-
-       <div data-role="page" id="customTitle3" data-add-back-btn="true">
-               <div data-role="header" data-position="fixed">
-                       <a class="ui-btn-left">Left</a>
-                       <h1>Title with Left/Right button</h1>
-                       <a class="ui-btn-right">Right1</a>
-                       <a class="ui-btn-right">Right2</a>
-               </div>
-               <div data-role="content">
-                       <ul data-role="listview">
-                               <li><a href="#normal1btn">Title 1 button</a></li>
-                               <li><a href="#normal2btn">Title 2 button</a></li>
-                               <li><a href="#normal2btnicononly">Title 2 button Icon only</a></li>
-                               <li><a href="#normal3btn">Title 3 button</a></li>
-                               <li><a href="#iconTitle">Icon + Title</a></li>
-                               <li><a href="#customTitle1">Custom Title with button position: left</a></li>
-                               <li><a href="#customTitle2">Custom Title with button position: right</a></li>
-                               <li><a href="#customTitle3">Custom Title with button position: mix</a></li>
-                               <li><a href="#NavigationbarMain">Go back to Navigation Bar</a></li>
-                       </ul>
-               </div>
-               <div data-role="footer">
-               </div>
-       </div>
-
-
-
-
-
-       <div data-role="page" id="extendedstyle"  data-add-back-btn="true">
-               <div data-role="header" data-position="fixed">
-                       <h1>Extended Title</h1>
-               </div>
-               <div data-role="content">
-                       <div class="content-primary">
-                               <ul data-role="listview">
-                                       <li><a href="#extendedstyle2btn">2 Button</a></li>
-                                       <li><a href="#extendedstyle3btn">3 Button</a></li>
-                                       <li><a href="#extendedstyle4btn">4 Button</a></li>
-                                       <li><a href="#footerExtendedStyle">Footer Extended Style</a></li>
-                               </ul>
-                       </div><!--/content-primary -->
-               </div>
-               <div data-role="footer">
-               </div>
-       </div>
-
-       <div data-role="page" id="extendedstyle2btn" data-add-back-btn="true">
-               <div data-role="header" data-position="fixed">
-                       <h1>Extended Title 2 Button </h1>
-                       <div data-role="fieldcontain">
-                               <fieldset data-role="controlgroup" data-type="horizontal">
-                                       <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
-                                       <label for="segment1">All</label>
-                                       <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
-                                       <label for="segment2">Call</label>
-                               </fieldset>
-                       </div>
-               </div>
-               <div data-role="content">
-                       <div class="content-primary">
-                               <ul data-role="listview">
-                                       <li><a href="#extendedstyle2btn">2 Button</a></li>
-                                       <li><a href="#extendedstyle3btn">3 Button</a></li>
-                               </ul>
-                       </div><!--/content-primary -->
-               </div>
-               <div data-role="footer">
-               </div>
-       </div>
-
-       <div data-role="page" id="extendedstyle3btn" data-add-back-btn="true">
-               <div data-role="header" data-position="fixed">
-                       <h1>Extended Title 3 Button </h1>
-                       <div data-role="fieldcontain">
-                               <fieldset data-role="controlgroup" data-type="horizontal">
-                                       <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment71" value="on" checked="checked" />
-                                       <label for="segment71">All</label>
-                                       <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment72" value="off" />
-                                       <label for="segment72">Call</label>
-                                       <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment73" value="off" />
-                                       <label for="segment73">Message</label>
-                               </fieldset>
-                       </div>
-               </div>
-               <div data-role="content">
-                       <div class="content-primary">
-                               <ul data-role="listview">
-                                       <li><a href="#extendedstyle2btn">2 Button</a></li>
-                                       <li><a href="#extendedstyle3btn">3 Button</a></li>
-                               </ul>
-                       </div><!--/content-primary -->
-               </div>
-               <div data-role="footer">
-               </div>
-       </div>
-
-       <div data-role="page" id="extendedstyle4btn" data-add-back-btn="true">
-               <div data-role="header" data-position="fixed">
-                       <h1>Extended Title 4 Button </h1>
-                       <div data-role="fieldcontain">
-                               <fieldset data-role="controlgroup" data-type="horizontal">
-                                       <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment71" value="on" checked="checked" />
-                                       <label for="segment71">All</label>
-                                       <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment72" value="off" />
-                                       <label for="segment72">Call</label>
-                                       <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment73" value="off" />
-                                       <label for="segment73">Message</label>
-                                       <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment74" value="off" />
-                                       <label for="segment74">Contact</label>
-                               </fieldset>
-                       </div>
-               </div>
-               <div data-role="content">
-                       <div class="content-primary">
-                               <ul data-role="listview">
-                                       <li><a href="#extendedstyle2btn">2 Button</a></li>
-                                       <li><a href="#extendedstyle3btn">3 Button</a></li>
-                               </ul>
-                       </div><!--/content-primary -->
-               </div>
-               <div data-role="footer">
-               </div>
-       </div>
-
-       <div data-role="page" id="footerExtendedStyle" data-add-back-btn="true">
-               <div data-role="header" data-position="fixed">
-                       <h1>Extended Footer style</h1>
-               </div>
-               <div data-role="content">
-                       <p> test page </p>
-               </div>
-               <div data-role="footer" data-position="fixed">
-                       <div data-role="fieldcontain">
-                               <fieldset data-role="controlgroup" data-type="horizontal">
-                                       <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
-                                       <label for="segment1">All</label>
-                                       <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
-                                       <label for="segment2">Call</label>
-                                       <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment3" value="off" />
-                                       <label for="segment3">Contact</label>
-                               </fieldset>
-                       </div>
-                       <a>Edit</a>
-               </div>
-       </div>
-
-
 </body>
 </html>

diff --git a/demos/tizen-winsets/widgets/popupwindow/popup.html b/demos/tizen-winsets/widgets/popupwindow/popup.html
index 029f34e..6f69eab 100755 (executable)
--- a/demos/tizen-winsets/widgets/popupwindow/popup.html
+++ b/demos/tizen-winsets/widgets/popupwindow/popup.html
@@ -196,9 +196,9 @@
                                already in use
                        </div>
                        <div class="ui-popup-button-bg">
-                               <div data-role="button"  data-inline="true">Rename</div>
-                               <div data-role="button"  data-inline="true">Replace</div>
-                               <div data-role="button"  data-inline="true">Cancel</div>
+                               <div data-role="button">Rename</div>
+                               <div data-role="button">Replace</div>
+                               <div data-role="button">Cancel</div>
                        </div>
                </div>
 

diff --git a/demos/tizen-winsets/widgets/switch/toggleswitch.html b/demos/tizen-winsets/widgets/switch/toggleswitch.html
index cd4bb9b..fcd7c67 100755 (executable)
--- a/demos/tizen-winsets/widgets/switch/toggleswitch.html
+++ b/demos/tizen-winsets/widgets/switch/toggleswitch.html
@@ -9,7 +9,6 @@
                        <option value="on"></option>
                </select>
                <br><br>
-
                <div data-role="fieldcontain">
                <label for="flip-3">2. Text toggle switch:<br>
                        (support when webDev. write text to option tag)</label>
@@ -33,7 +32,6 @@
                        &nbsp&nbsp;width : 9em;<br>
                        &nbsp;}<br>
                </p>
-
        </div> <!-- /content -->
        <div data-role="footer">
        </div>

diff --git a/demos/tizen-winsets/widgets/tabbar/tabbar.html b/demos/tizen-winsets/widgets/tabbar/tabbar.html
index 96c1a85..e51c85d 100755 (executable)
--- a/demos/tizen-winsets/widgets/tabbar/tabbar.html
+++ b/demos/tizen-winsets/widgets/tabbar/tabbar.html
@@ -32,10 +32,6 @@
                                        <li><a href="tabbar_footer_more.html">[Progressing...]Footer + more + Tab(text)</a></li>
                                        <li><a href="tabbar_footer_segment.html">Footer + SegmentTab(text)</a></li>
                                        <li><a href="tabbar_footer_segment_more.html">Footer + more + SegmentTab(text)</a></li>
-
-                                       <li data-role="list-divider">Old version</li>
-                                       <li><a href="#Tabbar_Main">Tabbar Style</a></li>
-                                       <li><a href="#Toolbar">Toolbar Style</a></li>
                                </ul>
                        </div><!--/content-primary -->
                </div>

diff --git a/demos/tizen-winsets/widgets/tabbar/tabbar_footer_more.html b/demos/tizen-winsets/widgets/tabbar/tabbar_footer_more.html
index efd2aa8..eb6ed36 100755 (executable)
--- a/demos/tizen-winsets/widgets/tabbar/tabbar_footer_more.html
+++ b/demos/tizen-winsets/widgets/tabbar/tabbar_footer_more.html
@@ -20,7 +20,18 @@
        </div>
        
        <div data-role="footer">
-               <a data-icon="naviframe-more"></a>
+               <a href="#pop_js" data-role="button"  data-icon="naviframe-more" data-rel="popupwindow"></a>
+
+               <div id="pop_js" data-role="popupwindow" data-show-arrow="true">
+                       <ul data-role="listview">
+                               <li><a href="#" class="ui-btn-ctxpopup-close">Settings</a></li>
+                               <li><a href="#" class="ui-btn-ctxpopup-close">Add to contact</a></li>
+                               <li><a href="#" class="ui-btn-ctxpopup-close">Call log</a></li>
+                               <li><a href="#" class="ui-btn-ctxpopup-close">Music</a></li>
+                               <li><a href="#" class="ui-btn-ctxpopup-close">File manager</a></li>
+                               <li><a href="naviframe.html" class="ui-btn-ctxpopup-close">Internal Link</a></li>
+                       </ul>
+               </div>
                <div data-role="tabbar">
                        <ul>
                                <li><a href="#"class="ui-btn-active">Menu</a></li>

diff --git a/src/themes/tizen/common/jquery.mobile.theme.less b/src/themes/tizen/common/jquery.mobile.theme.less
index 8699c0b..c55d000 100755 (executable)
--- a/src/themes/tizen/common/jquery.mobile.theme.less
+++ b/src/themes/tizen/common/jquery.mobile.theme.less
@@ -254,6 +254,11 @@
        > [data-role="button"]:not([data-icon="naviframe-more"]) {
                top : 6 * @unit_base;
        }
+
+       > p {
+               margin-top : 8 * @unit_base;
+               margin-bottom : 8 * @unit_base;
+       }
 }
 
 /***************************************************************************

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.popup.less b/src/themes/tizen/common/jquery.mobile.tizen.popup.less
index d5f461f..8d3f284 100755 (executable)
--- a/src/themes/tizen/common/jquery.mobile.tizen.popup.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.popup.less
@@ -115,7 +115,8 @@
                .ui-popup-button-bg {
                        display : block;
                        height : auto;
-                       .ui-btn {
+                       > .ui-btn {
+                               display : block;
                                width: 200*@unit_base;
                        }
                }