User Guide Cancel

Change project dimensions

  1. Captivate User Guide
  2. Introduction to Captivate
    1. What's New in Adobe Captivate
    2. Adobe Captivate System Requirements
    3. Adobe Captivate Updates
      1. Adobe Captivate (12.4 update) release notes
      2. Adobe Captivate (12.3 update) release notes
      3. Adobe Captivate (12.2 update) release notes
      4. Adobe Captivate (12.1 update) release notes
    4. Download Adobe Captivate
    5. Frequently Asked Questions
  3. Add a slide
    1. Slide navigator in Adobe Captivate
    2. Add a conversation slide
    3. Add characters to your Adobe Captivate project
    4. Edit the background image on a slide
    5. Add padding to content blocks and components
    6. Create a long scroll project
  4. Add text blocks
    1. Add text to a project
  5. Add media blocks
    1. Add images to a project
    2. Add videos to a project
    3. Add quotes
    4. Add SVGs to a project
  6. Interactive components
    1. Add a button
    2. Add an input field
    3. Add a radio button group
    4. Add a dropdown
    5. Add a checkbox
  7. Widgets
    1. Add a Card
    2. Add Tabs
    3. Add a Certificate
    4. Add a Carousel
    5. Add a Hotspot
    6. Add Drag-and-Drop
    7. Add a Timeline
    8. Add Click to Reveal
  8. Create quizzes
    1. Add a Multiple-choice question
    2. Add a True or false question
    3. Add a Match the column question
    4. Add a Short answer question
    5. Add a Sequence question
    6. Add question pools and random question slides
    7. Import questions as CSV
  9. Add audio to a project
    1. Add audio
  10. Interactions
    1. Add interactions to a project
    2. Create interactive video with overlay
    3. Create a slide-level interaction
    4. Create an object-level interaction
  11. Animations
    1. Add animations to a project
  12. Accessibility
    1. Make a project accessible
  13. Customize the timeline
    1. Timeline panel in Adobe Captivate
  14. Customize TOC and Playbar
    1. Table of Contents in Adobe Captivate
  15. Edit project properties
    1. Variables in Adobe Captivate
    2. Preferences
    3. Project dimensions
    4. Themes
  16. Create a simulation project
    1. Simulation
  17. Preview a project
    1. Preview
  18. Share a project for review
    1. Share for review   
  19. Publish a project
    1. Publish your project
  20. Upgrade projects in Adobe Captivate
    1. Upgrade projects to the latest version 

Overview

Adobe Captivate allows you to change the dimensions of a project and control how the content appears across devices. Select preset or custom sizes for your project to ensure it appears appropriately on devices. The fixed or proportional display options let you determine how the content adapts on devices.

Change project dimensions

Authors have the ability to predefine the dimensions of their projects. This enables them to customize their courses to fit their learners' needs and ensure visual appeal across different display sizes.

  1. Select Project properties from the right toolbar.

    This is an image that shows how to select Project properties on the right toolbar
    Set project dimensions and display behavior from Project properties

  2. Select the dropdown to view the list of project dimensions or create a custom dimension.

    This is an image on how to set the project dimesnions from the dropdown or add a custom screen size
    Set the project dimesnions from the dropdown or add a custom screen size

Limitations of screen sizes:

When choosing a custom desktop screen size for slides, size limits apply. These limits apply to both simulation and project slides. They help ensure projects work well on desktops, tablets, and phones.

Screen type

Width

Height

Custom screen size

Minimum: 769px

Maximum: 1920px

Minimum: 100px

Maximum: 2500px

Simulation screen size

Minimum: 769px

Maximum: 3840px

Minimum: 100px

Maximum: 2500px

Note:

From Adobe Captivate 12.4 onwards, if you record additional simulations with screen sizes larger than the project dimensions, the project size will remain constant. This means that while the project dimensions stay the same, the simulation slides will display scroll bars during project previews.

Set display behavior

Adjust the Content Display settings to ensure your content scales properly across different screen sizes. Use the preview to observe how content would appear for a 4k display.

  • Proportional content display: This function scales the project's content to fit the available screen space by adjusting it to a specified percentage. Move the slider to determine the percentage of screen space the content will occupy.
Proportional content display
Proportional content display

Adjusting the slider to a specific percentage value on a 4K (3840 x 2160 pixels) display will let you preview the extent of screen coverage by the content. Here is an example that demonstrates the screen coverage at 100%.

Proportional content display when viewed on a larger display

  • Fixed content display: Projects retain their dimensions on any screen. On larger displays, this can lead to empty spaces around the content. This design is ideal for content that is meant to be viewed on specific display sizes. Here is an example that demonstrates a project with fixed dimensions of 1366x768px when viewed on a larger display.
Fixed content display preview
Fixed content display

Page break indicator for long scroll content

To ensure uniform height across all slides in a project, a dotted line indicates a page break when content surpasses the designated project height. This feature is particularly helpful for creating long-scrolling content, as it allows for monitoring the extent of content overflow beyond the set height.

This is an image that shows a dotted line signifying page break for content overflow
Dotted line signifying page break for content overflow

 Adobe

Get help faster and easier

New user?