Frames Overview

Quick Links

Video Overview

Check out this video for an Overview of Frames:

View this video in full screen on Vimeo, at this link.

About Frames

One or more Frames hold the Resources, Events, Conditions, and Variables that are all parts of a script:

• Frames hold the script content;

• Every script has at least one frame, though you can have as many as you’d like;

• To keep organized, utilize clearly marked frames and this will help with troubleshooting; and

• Script content is identified in Frames via icons.

When you first open a script you’ll find the frames on the left hand side of the screen. The frame that is highlighted in red is the active frame that is currently being edited in the middle of the screen.

Frame Definitions

Main Frame:  This is the frame created by Storyflow that is needed for the structure of a script.  You cannot add Resources to this frame.  In this example it is the frame highlighted in red.  Under the Resource area, you’ll see the message regarding the inability to add Resources to this frame: 

Main Frame

A Top Level Frame is a frame that is created by clicking on the plus icon to the right of the Main Frame.  All top-level frames will run simultaneously unless a condition is added.  In this image, all the frames under the Main Frame are top level frames.  We know this as they are all lined up on the left and not indented.  They were all created by clicking on the plus icon to the right of the Main Frame: 

This is the frame created by Storyflow that is needed for the structure of a script.  You cannot add Resources to this f

New Frame: This is the first frame underneath the Main Frame when a script is created. By default, it’s called “New Frame” but you can rename it and add resources to it. Typically this first frame is used to hold all of the scene objects for a script and is named as such:

Parent Frame: A parent frame has another frame, nested or indented underneath it. This nested frame underneath is referred to as a child frame. When you click on a Parent Frame it will be in red and all the dependent Child Frames to that Parent will have a red stripe. In this example, the Parent Frame is the “Task Intro Frame” and the Child Frame is the “Lid on Can Frame”. If you also notice, the next frame “Put cans and brush away” is a child frame to the “Lid on Can frame” as we can see its nested, or indented underneath:

A Child Frame, or nested frame, is indented and located underneath a “parent” frame. When you click on a Child Frame it will be in red and the Parent Frame will have a red stripe:

Helpful Tips

Frame Icons

The icons in frames can be very helpful.  When you mouse over them, they display what has been added to the frame.  In this example when we hover over the icon in the red frame, a label appears letting us know that it is a Screen Media Resource:

Another valuable aspect to these icons is that you can drag and drop them into other frames.  In this example, I want to create a child frame that is dependent on the Screen Media running and closing.  So I can drag and drop the Screen Media icon into the Conditions area of the new child frame:

Frame Dragging

Something that may come in handy is the ability to move frames around by grabbing the the three horizontal lines to the left of a frame you can move the frame to a different order in the script, or make it a parent or child of another frame.

Frame Copy

You can also make a copy of a frame by using the icon on the right.  It will make an exact copy of everything that is in that frame.  If that frame has nested frames, it will also copy them:

See Also: Frame Processing