RE: [flexcoders] Canvas and Panels

Tue, 06 Sep 2005 04:16:03 -0700

Hi,
 
You can handle the TabNavigator's change event and based on the selectedIndex you can show the panels inside both(left and right) Panel.
 
But what do you mean by "the extra panel for this canvas" ?
 
-abdul

From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of vnice Cute
Sent: Tuesday, September 06, 2005 4:41 PM
To: flexcoders@yahoogroups.com
Subject: RE: [flexcoders] Canvas and Panels

Thanks Abdul Qabiz for your fast replay.
but i still have the problem.
i have two Panel, one is on the lift side and the other is on the right side.
I want the left Panel to use it as SiteNav.
When i click on any Canvas i want the extra panel for this canvas to be displayed on the left Panel side. the Panel which have the "Home" title.
 
I have added the "SnapShot.gif" image to exaplin more what i want to do.

Abdul Qabiz <[EMAIL PROTECTED]> wrote:
Hi,
1) Canvas and VBox both are containers but with following difference:
 
-  VBox container lays out its children in a single vertical column. Where as a Canvas layout container defines a rectangular region in which you place child containers and controls. It is the only container that lets you explicitly specify the location of its children within the container by using the x and y properties of each child.
 
 
2) So you mean, when click on Canvas you want to add Panel as child ? You can create a custom MXML component and add it as child when canvas is clicked.
 
##InputPanel.mxml##
 
<mx:Panel xmlns:mx=http://www.macromedia.com/2003/mxml width="100%" height="100%">
                    <mx:TabNavigator id="tn" width="100%" height="100%">
                          <mx:VBox label="The Team VBox" />
                    </mx:TabNavigator>
</mx:Panel>
 
 
And you can create instance of above component like this:
 
<mx:Script>
 
    import InputPanel;
 
    function addInputPanel ()
    {
        inputCanvas.createChild(InputPanel, "");
    }
 
</mx:Script>
 
<mx:Canvas id="inputCanvas" />
 
 
Does that make sense?
 
-abdul
 

From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of vnice Cute
Sent: Tuesday, September 06, 2005 2:28 PM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Canvas and Panels

Hi all;
I have two questions for this example please.
 
The first Q1 is:-
what is the different in the case where in tag <mx:TabNavigator> to be used
tag      <mx:VBox label="The Team VBox">      
      </mx:VBox>
             
or tag      <mx:Canvas label="The Team">
         </mx:Canvas>
 
 
Q2) I want to include a panel from exect file, for example:
when i click on          <mx:Canvas label="Inputs"></mx:Canvas>
i want to get the the panel from other file instead of the following
 
            <mx:Panel id="detailsPanel" width="100%" height="100%">
                <mx:TabNavigator id="tn" width="100%" height="100%">
      <mx:VBox label="The Team VBox">
the same for other Canvas till logout.
 
 
Hope that i got a help in those questions.
************************************
 
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml"
    xmlns="*"
    pageTitle="Project">
    <mx:Style source="style.css"/>
    <mx:Canvas width="100%" height="100%">
        <mx:HBox width="100%" height="100%">
            <mx:Panel id="smetnav" title="Home" width="210" height="100%" textAlign="center" fontSize="14">
    <mx:Form>
     <mx:Label text="About The Team"/>
    </mx:Form>
            </mx:Panel>
            <mx:Panel id="detailsPanel" width="100%" height="100%">
                <mx:TabNavigator id="tn" width="100%" height="100%">
      <mx:VBox label="The Team VBox">      
      </mx:VBox>
             
      <mx:Canvas label="The Team">
         </mx:Canvas>
   
         <mx:Canvas label="Inputs">
            </mx:Canvas>
     
      <mx:Canvas label="Reports">
            </mx:Canvas>
      <mx:Canvas label="Projects">
            </mx:Canvas>
      <mx:Canvas label="Charts">
            </mx:Canvas>
      <mx:Canvas label="Forums">
            </mx:Canvas>
      <mx:Canvas label="Chat">
            </mx:Canvas>
      <mx:Canvas label="Logout">
            </mx:Canvas>
               </mx:TabNavigator>
            </mx:Panel>
        </mx:HBox>
    </mx:Canvas>
</mx:Application>

__________________________________________________
Do You Yahoo!?
Tired of spam? Yahoo! Mail has the best spam protection around
http://mail.yahoo.com

__________________________________________________
Do You Yahoo!?
Tired of spam? Yahoo! Mail has the best spam protection around
http://mail.yahoo.com

--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com


YAHOO! GROUPS LINKS



Reply via email to