User Guide Cancel

Change project dimensions

  1. Captivate User Guide
  2. What's New in Adobe Captivate
  3. Adobe Captivate System Requirements
  4. Download Adobe Captivate
  5. Frequently Asked Questions
  6. Adobe Captivate Updates
    1. Adobe Captivate (12.6 update) release notes
    2. Adobe Captivate (12.5 update) release notes
    3. Adobe Captivate (12.4 update) release notes
    4. Adobe Captivate (12.3 update) release notes
    5. Adobe Captivate (12.2 update) release notes
    6. Adobe Captivate (12.1 update) release notes
  7. Configure URL access for Adobe Captivate features
  8. Create and deploy Captivate packages in Admin Console
  9. 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
  10. Design options in Adobe Captivate
    1. What are design options?
    2. Parts of a design option
    3. Create custom design options
    4. Modify a custom design option
    5. Export a custom design option
    6. Import a custom design option
  11. Add text blocks
    1. Add text to a project
    2. Add Adobe fonts to a project
  12. Add media blocks
    1. Add images to a project
    2. Add videos to a project
    3. Add quotes
    4. Add SVGs to a project
    5. Add web objects to a project
  13. 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
  14. Add branding blocks
    1. Add a header to a project
    2. Add a footer to a project
  15. 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
    9. Add an Accordion
  16. 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
  17. Add audio to a project
    1. Add audio
    2. Add closed captions
  18. 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
  19. Animations
    1. Add animations to a project
  20. Accessibility
    1. Make a project accessible
  21. Customize the timeline
    1. Timeline panel in Adobe Captivate
  22. Customize TOC and Playbar
    1. Table of Contents in Adobe Captivate
  23. Edit project properties
    1. Variables in Adobe Captivate
    2. Preferences
    3. Project dimensions
    4. Themes
  24. Create a simulation project
    1. Simulation
  25. Preview a project
    1. Preview
  26. Share a project for review
    1. Share for review
    2. FAQs and Troubleshooting guide for sharing projects for review   
  27. Publish a project
    1. Publish your project

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

Get help faster and easier

New user?