groupControl : change footer groupControl from min-width to percentage

Change-Id: I1265b377b5e55b16dd4ea0b16c0be570eb4f0ee0

diff --git a/src/themes/tizen/common/jquery.mobile.theme.less b/src/themes/tizen/common/jquery.mobile.theme.less
index 3ec9a50..bfffcf8 100644 (file)
--- a/src/themes/tizen/common/jquery.mobile.theme.less
+++ b/src/themes/tizen/common/jquery.mobile.theme.less
@@ -215,16 +215,18 @@
                [data-role="button"] {
                        background : transparent;
                        
-                       min-width : 77 * @unit_base;
-
                        border-style : solid;
                        border-color : @color_bar_divider_line;
                        border-top-width : 0px;
                        border-bottom-width : 0px;
-                       border-left-width : 1px;
+                       border-left-width : 0px;
                        border-right-width : 1px;
 
-                       border-radius : 0px;
+                       border-top-left-radius : 0px !important;
+                       border-top-right-radius : 0px !important;
+                       border-bottom-left-radius : 0px !important;
+                       border-bottom-right-radius : 0px !important;
+
                        box-shadow : none;
 
                        padding : 0px;

diff --git a/src/widgets/pagelayout/js/jquery.mobile.tizen.pagelayout.js b/src/widgets/pagelayout/js/jquery.mobile.tizen.pagelayout.js
index f86067f..1d3bba2 100644 (file)
--- a/src/widgets/pagelayout/js/jquery.mobile.tizen.pagelayout.js
+++ b/src/widgets/pagelayout/js/jquery.mobile.tizen.pagelayout.js
@@ -149,7 +149,8 @@
                                $elHeader = $elPage.find( ":jqmData(role='header')" ).length ? $elPage.find( ":jqmData(role='header')") : $elPage.siblings( ":jqmData(role='header')"),
                                $elContent = $elPage.find( ".ui-content" ),
                                $elFooter = $elPage.find( ":jqmData(role='footer')" ),
-                               $elFooterGroup = $elFooter.find( ":jqmData(role='fieldcontain')" );
+                               $elFooterGroup = $elFooter.find( ":jqmData(role='fieldcontain')" ),
+                               $elFooterControlGroup = $elFooter.find( ".ui-controlgroup" );
 
                        // divide content mode scrollview and non-scrollview
                        if ( !$elPage.is( ".ui-dialog" ) ) {
@@ -170,6 +171,13 @@
                        if ( $elFooterGroup.find( "div" ).is( ".ui-controlgroup-label" ) ) {
                                $elFooterGroup.find( "div.ui-controlgroup-label" ).remove();
                        }
+
+                       if ( $elFooterControlGroup.length ) {
+                               var anchorPer = 100 / $elFooterControlGroup.find( "a" ).length;
+                               $elFooterControlGroup.find( "a" ).each( function ( i ) {
+                                       $elFooterControlGroup.find( "a" ).eq( i ).width( anchorPer + "%" );
+                               });
+                       }
                },
 
                _bindPageEvents: function () {