Display video and PDF content from a report directly on a page using a custom widget. The widget retrieves media files from reports, such as video and file upload fields that store uploaded resources, and displays them on the page for easy access.

An educational institution wants to make its course materials easily accessible to students. We’ve created a widget that fetches files and videos, and enables users to preview them directly on a page. It is linked to the form where instructors add their course details along with study materials. Using this widget, instructors can embed recorded lectures (videos) and course textbooks (PDFs) from forms onto a single page. This allows students to conveniently view all the required resources in one place. 

2. Add the fields below to the Course Management form and name the fields accordingly.

1. Enter a name for the widget. The hosting option will be preselected as Internal; This procedure applies to widgets hosted within Creator. Although widgets can also be hosted externally and linked to Creator, retain the Internal option since the tutorial uses it. 

2. Specify the index path as /widget.html, and click Create.

1. Navigate to the page variables by selecting Page Variable and the Scripts icon () at the top-right corner. Add the following variables to map them to the widget.

2. Navigate to Script next to Variables and configure the Page Script by adding the following script to the editor to map the page variables with the report.