<mx:ViewStack id="myViewStack" width="100%" height="100%">
                  <mx:Box id="hierarchy" label="Hierarchie" width="300" height="100%">
                      <mx:Tree id="myTree" width="100%" height="400" labelField="@label"
                          showRoot="false" dataProvider="{treeData}" change="treeChanged(event)" />
                      <!--<mx:TextArea height="100%" width="50%"
                          text="Selected Item: {selectedNode.@label}"/>-->
                  </mx:Box>
                  <mx:Box id="images" label="Image" width="300" height="100%" borderStyle="solid">
                                 <mx:Tile direction="horizontal" horizontalGap="10" verticalGap="15" 
                  paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
                          <mx:Image scaleContent="true" width="90" height="60">
                                  <mx:source>soutine.jpg</mx:source>
                          </mx:Image>
                          <mx:Image scaleContent="true" width="90" height="60">
                                  <mx:source>soutine.jpg</mx:source>
                          </mx:Image>
                          <mx:Image scaleContent="true" width="90" height="60">
                                  <mx:source>soutine.jpg</mx:source>
                          </mx:Image>
                          <mx:Image scaleContent="true" width="90" height="60">
                                  <mx:source>soutine.jpg</mx:source>
                          </mx:Image>
                  </mx:Tile>
                  </mx:Box>
                  <mx:Box id="details" label="Detailed" width="300" height="100%">
                                 <mx:Text text="details"/>
                  </mx:Box>
              </mx:ViewStack>
              </mx:VBox>
          </mx:Box>
                  <mx:Canvas id="mapCanvas" width="500" height="100%"/>
          <mx:Box direction="vertical">
                  <mx:Text width="200" color="blue" text="Verfijning"/>
                  <mx:TextArea id="refine" height="600" width="100%" >
                          <!--<mx:htmlText><![CDATA[
                          <p>Jaar<br>
                          2009 (91)<br>
                          2008 (49)<br>
                          2007 (56)<br>
                          voor 1950 (2)<br>
                          <p>Type<br>
                          ]]></mx:htmlText>-->
                          </mx:TextArea>
          </mx:Box>
        </mx:Panel>
  
  </mx:Application>