flex-tourjs git commit: Change TourJS main layout to use new classes Group. Content itself do not display correct yet.

[piotrz]

Repository: flex-tourjs
Updated Branches:
  refs/heads/develop 6aaba46cf -> 3232dac95


Change TourJS main layout to use new classes Group. Content itself do not 
display correct yet.


Project: http://git-wip-us.apache.org/repos/asf/flex-tourjs/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-tourjs/commit/3232dac9
Tree: http://git-wip-us.apache.org/repos/asf/flex-tourjs/tree/3232dac9
Diff: http://git-wip-us.apache.org/repos/asf/flex-tourjs/diff/3232dac9

Branch: refs/heads/develop
Commit: 3232dac954de12654060d902a650cc16fcc07f2a
Parents: 6aaba46
Author: piotrz <pio...@apache.org>
Authored: Sun Mar 26 17:04:03 2017 +0200
Committer: piotrz <pio...@apache.org>
Committed: Sun Mar 26 17:04:03 2017 +0200

----------------------------------------------------------------------
 TourJS/src/main/flex/TourJS.mxml         |  4 ++-
 TourJS/src/main/flex/TourJSMainView.mxml | 38 +++++++++++++++------------
 2 files changed, 24 insertions(+), 18 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-tourjs/blob/3232dac9/TourJS/src/main/flex/TourJS.mxml
----------------------------------------------------------------------
diff --git a/TourJS/src/main/flex/TourJS.mxml b/TourJS/src/main/flex/TourJS.mxml
index 63db665..7ffa5de 100644
--- a/TourJS/src/main/flex/TourJS.mxml
+++ b/TourJS/src/main/flex/TourJS.mxml
@@ -25,7 +25,9 @@ limitations under the License.
         <js:SimpleCSSValuesImpl />
     </js:valuesImpl>
     <js:initialView>
-        <local:TourJSMainView id="mainView"  />
+        <js:View>
+            <local:TourJSMainView id="mainView"  />
+        </js:View>
     </js:initialView>
     <!--<js:model>
         <models:ASDocModel />

http://git-wip-us.apache.org/repos/asf/flex-tourjs/blob/3232dac9/TourJS/src/main/flex/TourJSMainView.mxml
----------------------------------------------------------------------
diff --git a/TourJS/src/main/flex/TourJSMainView.mxml 
b/TourJS/src/main/flex/TourJSMainView.mxml
index 749b671..9f32b54 100644
--- a/TourJS/src/main/flex/TourJSMainView.mxml
+++ b/TourJS/src/main/flex/TourJSMainView.mxml
@@ -17,10 +17,10 @@ See the License for the specific language governing 
permissions and
 limitations under the License.
 
 -->
-<express:HView xmlns:fx="http://ns.adobe.com/mxml/2009";
+<js:Group xmlns:fx="http://ns.adobe.com/mxml/2009";
                           xmlns:js="library://ns.apache.org/flexjs/basic"
                           xmlns:express="org.apache.flex.express.*"
-                          width="100%" height="100%"
+                          width="100%"
                           initComplete="loadInitialData()">
     <fx:Script>
         <![CDATA[
@@ -132,34 +132,38 @@ limitations under the License.
                }
        </fx:Style>
        
-       <express:beads>
+       <js:beads>
+               <js:HorizontalFlexLayout />
                <js:HTTPService id="service" />
                <js:HTTPService id="codeLoader" />
-       </express:beads>
+       </js:beads>
        
-               <js:Panel title="Component Explorer" width="25%" height="100%" 
className="Explorer">
+               <js:Panel title="Component Explorer" width="25%" 
className="Explorer">
                        <js:Tree id="contentTree" width="100%"
-                                               height="100%" 
-                                               labelField="title" 
+                                               labelField="title"
                                                className="ExplorerTree"
                                                change="treeChange()"/>
                </js:Panel>
                
-               <js:VContainer width="74%" height="100%">
-                       <js:Panel id="topPanel" title="Example" width="100%" 
height="50%" className="RunningExample">
+               <js:Group width="74%">
+                       <js:beads>
+                               <js:VerticalFlexLayout/>
+                       </js:beads>
+                       <js:Panel id="topPanel" title="Example" width="100%" 
className="RunningExample">
                                <js:SubAppLoader id="exampleApp" width="100%" 
height="100%" />
                        </js:Panel>
                        
-                       <js:VContainer width="100%" height="50%">
-                               <js:ButtonBar id="buttonBar" width="100%" 
height="10%" change="changeExample()" />
-                               <js:Container width="100%" 
className="ExampleCode" height="90%">
+                       <js:Group width="100%">
+                               <js:beads>
+                                       <js:VerticalFlexLayout/>
+                               </js:beads>
+                               <js:ButtonBar id="buttonBar" width="100%" 
change="changeExample()" />
+                               <js:Container width="100%" 
className="ExampleCode">
                                        <js:beads>
                                                <js:ScrollingViewport />
                                        </js:beads>
                                        <express:MXMLViewer id="codeArea" 
width="100%"/>
                                </js:Container>
-                       </js:VContainer>
-                       
-               </js:VContainer>
-
-</express:HView>
+                       </js:Group>
+               </js:Group>
+</js:Group>