Resource elements provide a way to place media from resources onto Composer pages. This article will show you all of the different options for working with Resource Elements both on your homepage and interior pages.
In this Article
Resource elements on homepage
Your homepage has Resource Elements already in place with very fixed settings that should only be adjusted according to your Site Instructions.
Important Note
Follow your Site Instructions for guidance on any settings that can be adjusted on Resource Elements on your homepage. It is possible you may be limited to clicking Browse inside your homepage's Resource Element settings when you need to connect a new Gallery or Resource item.
Resource Change:
Locate the Browse button in your homepage Resource Element settings to search for a specific resource or gallery within Resources > Galleries. You can even upload a new resource and display it in this element.Resource elements on interior pages
Resource elements can be placed onto interior pages and customized with a wide variety of different settings to display images just the way you would like them! You can even change the Format of your Resource elements, but only on interior pages.
Format change:
Change your Resource element to display in different formats: List, Grid, Slideshow, or Single.
Resource element settings
In addition to the common element settings, the Resource element includes the following configuration options:
Name: Display the name of the gallery as part of the element display.
Description: Display the description of each gallery in the element display.
Description: Display the description of each resource in the element display.
Autoplay: Enable this option to make the audio play automatically when it loads, rather than waiting for the user to press play.
Closed Captions: If a closed caption file is included for the audio in Resources, enable this option to display the captions.
Loop: With this option enabled, the audio will return and play from the beginning after it reaches the end. If disabled, nothing will happen after the audio ends.
Resolution up to: The choices are 4K Ultra HD (2160px), Full HD (1080px), HD (720px), and SD (480px), but by default the element will display the video at the optimal resolution for the video and the screen size.
Show Controls/Hide Controls: Enable “Show Controls” to allow users to pause and play the video, mute and control volume, and skip to a specific point in the video. “Hide Controls” will not allow any of this functionality, so “Autoplay” is required when controls are hidden.
Autoplay: Enable this option to make the video play automatically, rather than waiting for the user to press play. If Autoplay is selected, the "Muted" and "Plays inline on mobile (iOS)" options are required.
Closed Captions: If a closed caption file is included for the video in Resources, enable this option to display the captions.
Loop: With this option enabled, the video will return and play from the beginning after it reaches the end.
Muted: This option automatically mutes the video. If the “Show Controls” option is also enabled, users can choose to unmute it.
Plays inline on mobile (iOS): By default, a video viewed on an iOS (Apple) device will open in a lightbox and block out the rest of the page when viewed. With this option selected, the video will instead play as part of the page.
Display Breadcrumbs (Grid only): The element will display "breadcrumb" links to any collections the currently selected one is underneath.
Scrolling (Slideshow only): Slideshow scrolling may be vertical or horizontal.
User control type (Slideshow only): Users can control the slideshow using dots, arrows, neither, or both.
Autoplay (Slideshow only): The slideshow will scroll automatically. This is required if no user controls are selected.
Play/Pause button (Slideshow only): Adds the option to pause and resume playing a slideshow when slideshow autoplays.
Show each slide for [X] seconds (Slideshow only): When the slideshow autoplays, choose the length of time each slide will be shown.
Show [X] items per slide (Slideshow only): Choose to show one or more than one resource on each slide of a slideshow.
Transition effect (Slideshow only): The transition effect may be slide or fade.
Show Gallery (List and Grid only): Choose to show galleries before or after resources (if both resources and galleries are set to display in the element).
Display Resource Type Icons (List only): An icon for each type of file will be shown next to the file name.
Display Resources (Grid only): In Grid format, you may either display resources inline or as thumbnail links. Displaying resources as thumbnail links will link the smaller version of the image to the full-size image, in a popup or a Single-format Resource element on the same or a different page.
Important Note
PDFs, Images, and Videos will display thumbnails; Other file types, such as .xlsx or .docx, will not display a thumbnail. For these file types, it's better to use a list format where the file will download when clicked on (according to browser rules).
Show [X] columns wide (Grid only): Choose to display resources in up to five columns.
Show a maximum of [X] resources (Grid only): Specify how many resources will appear on each page. If there are more than the maximum number of resources in the selected gallery, the grid will be paginated. Tip: Choose a number here that is compatible with the number of columns you have to display, so that a full row will be displayed at the bottom of the grid.
Ignore URL Parameters: If this option is selected, the resource displayed in the element by default will remain even if user-selected criteria would normally override it.
This is an important setting because this determines where and how your media connected to a Resource element will behave when clicked on.
Important Note on Linking to PDFs
When selecting the Link To options that will determine how PDFs will open up on your site, selecting Popup may not be ideal because the PDF may only display in a partial view. Instead, select the Page option (no need to select an internal page) which will open your PDF in its own window to display the whole view.
-
Popup: This is selected by default and results in your media "popping up" on the same page for a quick view.
- Display slideshow controls in pop-up: This setting allows you to choose to display arrows so users can scroll through the resources in the element from the popup window.
- Page: Select Page so that your media resource(s) will open in a new window. This is ideal for PDFs so that the entire PDF can be viewed. If no page is selected, media will simply open in a new browser window.
- Element: If resources are linked, choose to display the full resource in a popup or a Single-format Resource element on the same or a different page.
Using the Resource element to display a single resource functions exactly as the dedicated Image element and Video element, with the settings outlined in the linked articles. For all other file types, the only options are whether to display the filename or title and whether to ignore URL parameters.
Comments
Please Sign in to leave a comment if you don't see the comment box below.