Home | Contact Us | FAQ | Search & Site Map | Link to Us
Sign In | Join | Other 45 Sites in Network
Home
Discussion GroupsGeneralPHPASPPerlColdFusionFlashHTML, CSS, ScriptsBrowsers

Webmaster Forum / Flash / Flash Site Design / August 2008



Tip: Looking for answers? Try searching our database.

Tabbed Panel Design

Thread view: 
Enable EMail Alerts  Start New Thread
Thread rating: 
gordob - 30 Aug 2008 19:13 GMT
I am planning a 4 tabbed panel design for a web app. The whole web app is in
Flash. I am coding in Actionscript 3.

When clicking on a tab, you see a different panel-screen view. Each panel view
has a number of different input components; input textfields, combobox dropdown
menus, etc. Only the 4 tab panel buttons would always remain visible to switch
to another panel view.

Here is my question. What is the best way to show, and then, hide the panels
as they are requested? Since there are 4 panels, 3 will always be hidden at one
time, the browser will only see the one selected panel at any given time.

I would like to do this all on the first frame only of my .fla file. I also
have a document class Actionscript file for all my coding. As there are many
input fields and other input components on each panel, I would like to be able
to see them visually, so they can be organized and lined up visually on the
main timeline (verses using AddChild and not being able to them in Flash). Do I
create 4 movieclips (panel1, panel2, panel3, panel4, and use the movieclip's
visibility property to show/activate and hide/deactivate them? Or is there a
preferred method to accomplish this design goal?

Any AS3 rough coding examples showing how I would navigate between my panels
would be appreciated.
Rob Dillon - 31 Aug 2008 20:34 GMT
From your description it sounds like the tabs and the panels are separate
items. If this is the case, then you could set the active panel on the stage as
you want it and keep the other three panels off the visible area of the stage.
I do this often. You can just change the x or the y position of the movieClip
or sprite. I usually use the y value and set it off the screen by giving it a
value of -2000. You can keep the "home" location for each panel in a variable
and then use that value to return the panel to the home position so that it is
viewable, and then set the y position values for the other three panels to
-2000, for instance.

If the tab and the panel are in the same movieClip or sprite, then you could
shuffle their positions by changing the child position using setChildIndex()
for each of the four clips or sprites.
 
Sign In
Join
My Latest Posts
My Monitored Threads
My Blog
My Photo Gallery
My Profile
My Homepage

Start New Thread
Enable EMail Alerts
Rate this Thread



©2009 Advenet LLC   Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.