Layouts

 Top  Previous  Next

The Control Pad comes with two core designs (large and small buttons) and three color schemes for the buttons (black, gray and purple) - for a total of six unique designs.

 

The Control Pad comes with two pre-built core designs:

•Large Buttons (index_btnlarge.html), 50 x 50 pixel buttons
•Small Buttons (index_btnsmall.html), 40 x 40 pixel buttons

 

The Control Pad comes with three color schemes for the buttons:

•Black
•Gray
•Purple

 

Overall Dimensions

It is extremely important to consider the overall dimensions of your projects and how your projects will display on your end-users computers. Remember the Control Pad panels – such as the Header, Menu Panel, Content Panel, Footer Panel, etc. all require their own space to display in addition to the Captivate .SWF movie.

 

You’ll need to add the size of each Control Pad panel you choose to include to the size of your Captivate movie to calculate the total dimensions required to display your project using the Control Pad.

 

Notes:

•Either the index_btnlarge.html or index_btnsmall.html file must be used with each Control Pad project.
•The index_btnlarge.html and index_btnsmall.html files can be renamed to anything you wish. Commonly index.html, default.html, or a naming convention such as <myprojecttitle.html> are used.
•Each design can be fully customized by editing the HTML, CSS, and image files.
•We suggest not having your end-users scrolling down or to the right to see anything in your published movies. Consider how much space each Control Pad panel will add in addition to the size of your Captivate movie.
•Test your projects in as many environments as possible – different web browsers, different screen resolutions, etc. to ensure the final project will display correctly for your end-users.