In this tutorial, we will set up the X and Y positions for each element on the settings menu overlay page for our Flash^R storybook app. We will use these values with our ActionScript code to display or hide the overlay page as needed.

1. For each of the elements, go to the Properties Inspector and make a note of the X and Y positions. You should get something like this.
   
   View Chart
   
   
2. Now we need to record the X and Y positions for the settings menu overlay page when it is off the stage. Select all the layers inside the setMenu folder. We will now drag all the selected elements upward until all are off the stage. Record the new X and Y positions for each element. As you can see, the X position stays the same and the Y position is a negative number because it is above the stage.
   
   View Chart

At this point, we are ready to add ActionScript to the setTogBtn toggle button that will open and close the settings menu overlay page.

← Back

IMPORTANT: These app development tutorials are written with the Flash novice in mind. You will need to optimize your app beyond what is covered in these tutorials before finalizing your app for the app store.


Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.