How do I resize an element on the stage?

Most elements can easily be resized directly from the authoring stage.

To resize an element on the stage:

  1. Select the element. You will see an outline and handle around the border of the element.
  2. To resize, simply grab a handle and drag to the desired size. If you want to maintain proportions, either hold Shift while dragging or select the checkbox between the Width and Height fields on the workspace toolbar.

    Note: If no handles appear, the element may have been previously rotated. Rotated elements must be returned to their original position before being resized. If the Rotation symbol appears anywhere other than the top-center of the element, it has been rotated. Grab the Rotation symbol and drag the element back into position. When you release the rotation symbol should be at top-center and the handles will reappear. Follow the steps above to resize and return to rotated state as needed. 

Tip: When inserting a large image, resize it following the steps above then optimize the image size using the Image Editor. This will improve load time for the image.

To optimize image size:

  1. Upload your image through the Media Browser or Media Library and insert it into your page.
  2. Hold the Shift key to constrain the proportions (so you’d don’t distort the image) as you drag the image’s corner handles to resize the image to the smaller display area you want.
  3. Once you’re happy with the size, click the image and open the Image Editor (Image Tools> Editor).
  4. A Save Changes dialog box appears asking, “Would you like to adjust this image to match the stage size?”. Click Yes to adjust the image to match the stage display size.
  5. In the Image Editor, click Save & Exit.

Note: Do not use this process to resize an image to make it larger. The image quality will degrade.

For more information, see Optimal Image Size.

Media: images and more

  1. How do I add an image to a page? How do I add media such as a Flash movie, video, or audio?
  2. How do I add audio to a page?
  3. How do I add Rollover states (new image) to an image?
  4. How do I apply Advanced CSS Styles to media and buttons in Claro?
  5. How do I change a media asset on my page? How do I replace an image or other media on my page?
  6. How do I create a chart in Claro?
  7. How do I edit a chart?
  8. How do I copy a chart?
  9. How do I edit an image added to my page using Image Tools? How do I use the Image Editor?
  10. How do I email an attachment to Claro and import it to the Media Library? How do I send media from my mobile smartphone to Claro?
  11. How do I insert a speech bubble using the Speech Bubbles Browser?
  12. How do I insert a symbol shape using the Symbols Browser?
  13. How do I embed a video into my course?
  14. How do I insert an embedded web page (From URL) onto my course page?
  15. How do I insert clip art using the ClipArt Browser?
  16. How do I insert streaming media such as a video (Media Stream) onto my course page?
  17. How do I insert, edit, update, or delete media in the Media Library?
  18. How do I record activity on my screen or in a running application?
  19. How do I record and insert an audio video stream or a still snapshot from my Webcam onto my Claro page (Page Video or AV Publisher)?
  20. How do I replace media used in course pages with new media? How do I update media or an image?
  21. How do I reset the dimensions of an element (image, Flash, video) if I've distorted it?
  22. How do I upload media from my computer to the Media Library? How do I insert media from the Library into my page?
  23. How do I upload or import a compressed zip file to the Media Library?
  24. Media playback (play, pause, toggle, replay) element interactions on button action triggers
  25. People Browser or How do I insert a character or person image?
  26. Stock Image Asset Browsers: People, Bubbles, Symbols, and Clipart
  27. The Media Browser
  28. The Media Library
  29. Upload video and audio file types
  30. Video delivery in Claro: What is progressive download and streaming video?
  31. Video encoding, conversion, and editing tools (video converters and editors)
  32. Video size (width and height) when exporting in order to import into Claro
  33. What are the Audio Settings I can use in the audio context-specific tab to control or change an audio clip?
  34. What are the different types of charts I can make and when should I use each type?
  35. What are the Flash Settings I can use in the Flash context-specific tab to control or change a Flash movie (swf file)?
  36. What are the image borders and effects I can add using the Design tab? (Thin, Thick, Picture, Bevel, Shadow, Mirror, Rounded)
  37. What are the Image Tools I can use in the image context-specific tab to change or modify an image?
  38. What are the Playback options for audio and video control?
  39. What are the Video Settings I can use in the video context-specific tab to control or change a video?
  40. How do I resize an element on the stage?
  41. When is Flash used in Claro courses? What is the Audio Video Media Player?
  42. How do I create a poster image for video or Flash files?
  43. How do I add labels to an image?
  44. How do I edit / delete Image Labels?
  45. My MP4 video plays sound but the video is black (no picture) on my Android

Feedback and Knowledge Base