Many components, such as the Flex Content Area and Promo Unit, are ideal for displaying images and text in a predictable structure. For more open-ended display, content editors can add images and video to pages through the rich-text editor, as described below.
Use the “Insert from Media library” button in the rich-text editor toolbar to add images and video.
Use the popup modal to upload images, documents or to enter a video URL. To add images, documents or video, click the “Image”, “Documents” or “Video” tab on the left. Media items uploaded this way remain in the Media Library for reuse.
To add images click the “Browse” button. To add video, enter a video URL to the “Add Video (External) via URL” field and click the “Add” button.
Review existing videos and images as grid or table by clicking on the corresponding icon on the right. Filters are available to find items in the library.
Display videos other media hosted by most third-party providers in any page using the “URL” button in the rich-text editor toolbar:
Use the popup to enter an image or video URL.
Reposition this media by dragging the block to the desired region in the layout.
The available media providers include the most popular services that support oEmbed for embedding third-party media assets, including YouTube, Vimeo, Twitter, Instagram, Facebook, Flickr, and so forth.
Full list of supported media providers: https://oembed.com/#section7
After adding an image or video, click on it to show the media options toolbar.
Several options are available for changing the image size, alignment, adding a caption, or setting instance-specific “alt” text.
- Use the “Display” options to change the size of an image.
Default: Renders the media item in its original resolution
Large: Resizes the media item to 480 x 480 pixels
Medium: Resizes the media item to 220 x 220 pixels
Thumbnail: Resizes the media item to 100 x 100 pixels.
Currently these display options will not change the size of videos or documents.
Only use the alignment choice “None” for videos. Other alignment settings can cause display problems.