#31 - Improvements for pages' layout in studio.

studio/classes/BxDolStudioDesign.php

@@ -96,7 +96,7 @@ class BxDolStudioDesign extends BxTemplStudioPage {
 
         $aResult = array('code' => 0, 'message' => _t('_adm_scs_operation_done'));
         if((int)$aTemplate['enabled'] == 0) {
-            $aResult['content'] = $oTemplate->parseHtmlByName('page_content.html', array(
+            $aResult['content'] = $oTemplate->parseHtmlByName('page_content_2_col.html', array(
                 'page_menu_code' => $this->getPageMenu(),
                 'page_main_code' => $this->getPageCode()
             ));

studio/classes/BxDolStudioLanguage.php

@@ -95,7 +95,7 @@ class BxDolStudioLanguage extends BxTemplStudioPage {
 
         $aResult = array('code' => 0, 'message' => _t('_adm_scs_operation_done'));
         if((int)$aLanguage['enabled'] == 0) {
-            $aResult['content'] = $oTemplate->parseHtmlByName('page_content.html', array(
+            $aResult['content'] = $oTemplate->parseHtmlByName('page_content_2_col.html', array(
                 'page_menu_code' => $this->getPageMenu(),
                 'page_main_code' => $this->getPageCode()
             ));

studio/classes/BxDolStudioModule.php

@@ -83,7 +83,7 @@ class BxDolStudioModule extends BxTemplStudioPage {
 
         $aResult = array('code' => 0, 'message' => _t('_adm_scs_operation_done'));
         if((int)$aModule['enabled'] == 0) {
-            $aResult['content'] = $oTemplate->parseHtmlByName('page_content.html', array(
+            $aResult['content'] = $oTemplate->parseHtmlByName('page_content_2_col.html', array(
                 'page_menu_code' => $this->getPageMenu(),
                 'page_main_code' => $this->getPageCode()
             ));

studio/template/_header.html

@@ -45,6 +45,10 @@
                 top: 'auto',
                 left: 'auto'
             }); 
+
+			$(document).ready(function () {
+				bx_time('__lang__');
+			});
         </script>
         __extra_js__
 

studio/template/css/general.css

@@ -94,32 +94,6 @@ div.bx-std-pcap-mp-right div.bx-std-pcap-action {
     float: right;
 }
 
-div.bx-std-page-columns {
-	position: relative;
-	overflow: hidden;
-}
-div.bx-std-page-columns-cnt {
-	width: 200%;
-}
-div.bx-std-page-column-wrp {
-	position: relative;
-	float: right;
-	width: 50%;
-}
-div.bx-std-page-column {}
-div.bx-std-page-column-cnt {}
-div.bx-std-page-menu {
-	position: relative;
-	float: left;
-    width: 230px;
-}
-div.bx-std-page-content {
-	position: relative;
-	right: 100%;
-	margin-left: 230px;
-}
-
-
 /**
  * Page Menu (Left Side)
  */

studio/template/css/page.css

@@ -0,0 +1,3 @@
+body.bx-std-bg {
+	background-color: #ffffff;
+}

studio/template/css/page_columns.css

@@ -1,6 +1,4 @@
-body.bx-std-bg {
-	background-color: #ffffff;
-}
+/*--- Background ---*/
 div.bx-std-page-bg {
 	background-image: url(../images/bx-std-bg-columns.png);
 	background-repeat: repeat-y;
@@ -8,4 +6,30 @@ div.bx-std-page-bg {
 }
 div.bx-std-page-bg-empty {
     background-image: url(../images/bx-std-spacer.gif);
+}
+
+/*--- 2 columns ---*/
+div.bx-std-page-columns {
+	position: relative;
+	overflow: hidden;
+}
+div.bx-std-page-columns-cnt {
+	width: 200%;
+}
+div.bx-std-page-column-wrp {
+	position: relative;
+	float: right;
+	width: 50%;
+}
+div.bx-std-page-column {}
+div.bx-std-page-column-cnt {}
+div.bx-std-page-menu {
+	position: relative;
+	float: left;
+    width: 230px;
+}
+div.bx-std-page-content {
+	position: relative;
+	right: 100%;
+	margin-left: 230px;
 }

studio/template/page_3.html

@@ -9,7 +9,7 @@
     </script>
     <div class="bx-std-page-caption">__page_caption_code__</div>
     <div class="bx-std-page-columns" id="bx-std-page-columns" __page_attributes__>
-        <bx_include_auto:page_content.html />
+        <bx_include_auto:page_content_2_col.html />
     </div>
 </div>
 <bx_include_auto:_sub_footer.html />

studio/template/page_4.html

@@ -0,0 +1,15 @@
+<bx_include_auto:_sub_header.html />
+<div class="bx-std-content-wrp">
+    <script defer type="text/javascript">
+    <!--
+    var oBxDolStudioPage = new BxDolStudioPage({
+        sActionUrl: '<bx_url_studio />ajax.php'
+    });
+    -->
+    </script>
+    <div class="bx-std-page-caption">__page_caption_code__</div>
+    <div class="bx-std-page-content" id="bx-std-page-content" __page_attributes__>
+    	<div class="bx-std-page-content-cnt bx-def-padding">__page_main_code__</div>
+    </div>
+</div>
+<bx_include_auto:_sub_footer.html />

studio/template/page_action_result.html

@@ -0,0 +1,3 @@
+<div class="bx-std-action-result bx-def-popup-width bx-def-color-bg-block">
+    <div class="bx-std-action-result-cnt bx-def-padding">__content__</div>
+</div>

studio/template/scripts/BxBaseStudioPage.php

@@ -63,7 +63,7 @@ class BxBaseStudioPage extends BxDolStudioPage {
     }
 
     function getPageCss() {
-        $aCss = array('menu_top.css');
+        $aCss = array('page.css', 'menu_top.css');
         if((int)$this->aPage['index'] == 3)
             $aCss[] = 'page_columns.css';