Tutorials

Add Content – Tools: Assets

Table of Contents

QUICK START VIDEO TUTORIAL – ADD CONTENT

Watch this short video, and start mastering adding content to your lessons:
Add Content thumbnail
Add Content

2.27

ADD CONTENT: TOOLS ASSETS

OPEN LESSON EDITOR

Now that you’ve learned about the page navigation, it’s time to begin adding or editing your lesson content. Access the Lesson Editor by selecting the LAUNCH EDITOR button from the Edit Lesson Settings page, or by selecting your desired lesson from the TOC on the Course Summary page, then clicking LESSON EDITOR.

NoteTo review how to access the Lesson Editor, visit the Introduction to the Lesson Editor section.

From the Lesson Editor window, the YOU ARE IN EDIT MODE notification at the top of the screen indicates that you may edit your lesson by adding or editing your content using the Page Canvas:

image3013

Warning
Once you are in Edit Mode, you will NOT be able to navigate to another page until you have clicked DONE and opted to discard, save draft, or publish your lesson.
Your content will primarily be added using the Add Content menu, which features the following tabs:

image3015

  • Tools: Drag and drop assets and elements to your lesson
  • Templates: Add prebuilt lesson templates to your lesson
  • Layout: Add a variety of layouts to your lesson page
  • Saved: Reuse your saved tools, columns, or rows

TOOLS OVERVIEW

The Tools tab allows you to access any of C4EBridge’s 22 tools, separated into Assets (such as images or videos) and Page Elements (which control how your lesson will appear to students) groups:

image3060

AUDIO

The Audio option from the TOOLS > ASSETS menu allows you to insert audio files from your Audio library or upload files from your computer, as well as select/modify your playback options. To add an audio asset to your lesson page, you may drag the AUDIO option and drop it to the desired location on your page:

image3061

As you drag, a blue guide will appear, marking spots where you can drop this asset:

image3062

Once you have dropped the AUDIO option on your Page Canvas, you can select your desired audio file from the pop-up window, using the following options:
  • Library: Open by default, the Library tab shows all audio files uploaded to your Audio library in C4EBridge:

    image3063

    You may scroll to browse all audio files, or type in the search field to search for a specific track.
  • NoteTo learn how to upload an audio file to your Audio library, review the Audio Assets section.

  • Collections: The Collections tab lets you browse your created collections to easily locate an uploaded track. Simply select the playlist from the dropdown menu to view all tracks in this collection:

    image3064

  • Upload: The Upload tab allows you to upload a locally saved file not yet in your Audio library. You can select your file, add your title, licensing information, composer, and description, then select CONFIRM:

    image3065

When selecting a track from your library or collections, you may preview it or set a start/stop time (if you’d like to provide only an excerpt):

image3066

You may also adjust the track’s title or composer, and add or modify its description:

image3067

Click SAVE to save your changes and add this track to your lesson page or CANCLE to close without saving. To discard the selected track and select a new one, click CLOSE to return to the Library or Collections tabs. You may also use the SAVE AS button to save the audio file as a template (either global or not), to be reused in another lesson or course.

NoteTo learn more about Saving as a template, visit the Template Builder section.

Once your audio file has been selected and saved, this track will now appear where you dropped it on your lesson layout. To make any adjustments to this item, hover over its container and select AUDIO SETTINGS:

image3068

Advanced Tab

When uploading assets, the Advanced tab has the following options: Spacing, Visibility, Animation, HTML Element, and Export/Import:

image3069

These options offer you greater flexibility in customizing your asset container.

NoteWhen uploading most assets, the Advanced tab will remain the same. To learn more about the advanced options, visit the Advanced Tab section.

DOCUMENTS

The Documents option from the TOOLS > ASSETS menu allows you to add Adobe Acrobat PDFs, Microsoft Word documents, Excel spreadsheets, and PowerPoint presentations to your lessons for learners to view and download. To add a document to your lesson page, you may drag the DOCUMENT option and drop it to the desired location on your page:

image3070

As you drag, a blue guide will appear, marking spots where you can drop this asset:

image3071

Once you have dropped the DOCUMENT option on your Page Canvas, you can select your desired document file from the pop-up window, using the following options: <
  • Library: Open by default, the Library tab shows all documents uploaded to your Documents library in C4EBridge:

    image3072

    You may scroll to browse all document files, or type in the search field to search for a specific document.

    NoteTo learn how to upload a document to your Documents library, review the Document Assets section.

  • Collections: The Collections tab lets you browse your created collections to easily locate an uploaded document. Simply select the collection from the dropdown menu to view all documents in the collection:

    image3073

  • Upload: The Upload tab allows you to upload a locally-saved file not yet in your Documents library. You can select your file, add your title, licensing information, and description, then select CONFIRM:

    image3074

When selecting a document from your library or collections, you may adjust its title and description, as well as the SHOW DESCRIPTION setting:

image3075

Click SAVE to save your changes and add this track to your lesson page or CANCLE to close without saving. To discard the selected track and select a new one, click CLOSE to return to the Library or Collections tabs. You may also use the SAVE AS button to save the audio file as a template (either global or not), to be reused in another lesson or course.

NoteTo learn more about Saving as a template, visit the Template Builder section.

Once your document has been selected and saved, this asset will now appear where you dropped it on your lesson layout. To make any adjustments to this item, hover over its container and select DOCUMENT SETTINGS:

image3076

Advanced Tab

When uploading document assets, the Advanced tab has the following options: Spacing, Visibility, Animation, HTML Element, and Export/Import:

image3077

These options offer you greater flexibility in customizing your asset container.

image3078The system remembers which tab you exit on, so that the next time you open up an Asset Settings window, you will be on the same tab.

IMAGES

The Images option from the TOOLS > ASSETS menu allows you to insert image files from your Images library, upload from your computer, or use the Web Search option to locate an image from the web. To add an image asset to your lesson page, you may drag the IMAGES option and drop it to the desired location on your page:

image3079

As you drag, a blue guide will appear, marking spots where you can drop this asset:

image0080

Once you have dropped the IMAGES option on your Page Canvas, you can select your desired image file from the pop-up window, using the following options:
  • Library: Open by default, the Library tab shows all image files uploaded to your Images library in C4EBridge:

    image3081

    You may scroll to browse all image files, or type in the search field to search for a specific image. You can also expand this window by clicking the window icon (top-right corner).

    NoteTo learn how to upload an image to your Images library, review the Image Assets section.

  • Collections: The Collections tab lets you browse your created collections to easily locate an uploaded image. Simply select the collection from the dropdown menu to view all images in this collection:

    image3084

  • Web Search: The Web Search tab lets you search and add images from the Web:

    image3083

  • Upload: The Upload tab allows you to upload a locally-saved file not yet in your Images library. You can select your file, add your title, licensing information, and caption, as well as adjust the CAPTION DISPLAY and SHOW ENLARGE settings as necessary, then select UPLOAD:

    image3084

WarningWhen uploading images from your computer, be sure to select the Upload button, NOT the Save button. This button will only appear after you have selected an image file.

When selecting an image from your library, collections, or web search, you may preview it, add your title and caption, and adjust the CAPTION DISPLAY and SHOW ENLARGE settings as necessary:

image3085

Click SAVE to save your changes and add this track to your lesson page or CANCLE to close without saving. To discard the selected track and select a new one, click CLOSE to return to the Library or Collections or Web Search tabs. You may also use the SAVE AS button to save the audio file as a template (either global or not), to be reused in another lesson or course.

NoteTo learn more about Saving as a template, visit the Template Builder section.

Once your image file has been selected and saved, this image will now appear where you dropped it on your lesson layout. To make any adjustments to this item, hover over its container and select IMAGE SETTINGS:

image3086

Advanced Tab

When uploading image assets, the Advanced tab has the following options: Spacing, Visibility, Animation, HTML Element, and Export/Import:

image3087

These options offer you greater flexibility in customizing your image asset container.

NoteWhen uploading most assets, the Advanced tab will remain the same. To learn more about the advanced options, visit the Advanced Tab section.

VIDEO

The Video option from the TOOLS > ASSETS menu allows you to add videos from your Video library, a saved collection, or YouTube/Vimeo, or upload from your computer. To add a video to your lesson page, you may drag the VIDEO option and drop it to the desired location on your page:

image3088

As you drag, a blue guide will appear, marking spots where you can drop this asset:

image3089

Once you have dropped the VIDEO option on your Page Canvas, you can select your desired video file from the pop-up window, using the following options:
  • Library: Open by default, the Library tab shows all videos uploaded to your Video library in C4EBridge:

    image3090

    NoteTo learn how to upload a video to your Video library, review the Video Assets section.

  • Collections: The Collections tab lets you browse your created collections to easily locate an uploaded video. Simply select the collection from the dropdown menu to view all videos in this collection:

    image3091

  • YouTube/Vimeo: The YouTube and Vimeo tabs allow you to search and locate YouTube and Vimeo videos directly from C4EBridge:

    image3092

  • Upload: The Upload tab allows you to upload locally-saved videos not yet in your Video library. You can select your file and add your title, licensing information, and caption, as well as adjust the CAPTION DISPLAY setting as necessary, then select CONFIRM::

    image3093

When selecting a video from your library, collections, or YouTube/Vimeo search, you may preview it, set a start/stop time (if you’d like to provide only an excerpt), add/adjust the title and caption, and modify the CAPTION DISPLAY setting as necessary:

image3094

Click SAVE to save your changes and add this track to your lesson page or CANCLE to close without saving. To discard the selected track and select a new one, click CLOSE to return to the Library or Collections or YouTube or Vimeo tabs You may also use the SAVE AS button to save the audio file as a template (either global or not), to be reused in another lesson or course.

NoteTo learn more about Saving as a template, visit the Template Builder section.

Once your video file has been selected and saved, this video will now appear where you dropped it on your lesson layout. To make any adjustments to this item, hover over its container and select VIDEO SETTINGS:

image3095

Advanced Tab

When uploading video assets, the Advanced tab has the following options: Spacing, Visibility, Animation, HTML Element, and Export/Import:

image3096

These options offer you greater flexibility in customizing your image asset container.

NoteWhen uploading most assets, the Advanced tab will remain the same. To learn more about the advanced options, visit the Advanced Tab section.

TEXT EDITOR

The Text Editor option from the TOOLS > ASSETS menu allows you to add a text editor so that you may add (and edit) text, headings, and images to your lesson. To add a text editor to your lesson page, you may drag the TEXT EDITOR option and drag it to the desired location on your page:

image3097

As you drag, a blue guide will appear, marking spots where you can drop this asset:

image3098

Once you have dropped the TEXT EDITOR option on your Page Canvas, the text editor window will open. Ensure you are on the General tab, allowing you to enter and configure your text:

image3000

From the text editor, you can:
  • Type your text in the text box
  • Select your heading size
  • Toggle to the TEXT tab to add and modify code
  • Format your text using the text editor tools
To format your text, you can access the toolbar tools, or the Style tab. To expand the toolbar tools, click the TOOLBAR TOGGLE icon:

image3100

As you work in the text editor, your changes will display in real time in the row or column to which you added the text editor:

image3102

image2008Adding an image to the Text Editor allows you to wrap text around the image. However, if you want more control over the vertical or columnar spacing and stacking of headings, images, and text, use separate Heading and Photo tools.

Style Tab

While the toolbar tools allow you to make basic changes to your text (such as font size, font color, bulleting and numbering, heading preferences and more), the Style tab on the text editor offers greater ability to modify and adjust your text using the Color and Typography panes:

image3102

From the Color pane, you may customize and select the default text color:

image3103

Expand the Font menu to select and adjust your font:

image3004

From this menu, you may also click the computer icon (far left) to access Responsive Editing mode and preview your text on different device sizes. Click the computer icon to shift to iPad view, then click again to shift to phone view, OR use the Responsive Editing controls at the top of the page to select the different views:

image3105

To exit Responsive Editing, click the device icon until you return to the computer view, or click Exit from the Responsive Editing controls. From the Style & Spacing menu, you can adjust spacing between words, and adjust text decoration, style and variant:

image3106

The Text Shadow pane lets you choose and define a shadow for your text:

image3107

As you make any adjustments from the Style tab, your changes will display in real time in the row or column to which you added this text editor:

image3108

NoteTo learn more about the Typography pane, visit the Typography section.

Advanced Tab

From the text editor window,, the Advanced tab has the following options: Spacing, Visibility, Animation, HTML Element, and Export/Import:

image3109

These options offer you greater flexibility in customizing your image asset container.

Saving Your Text Editor Changes

Once your textual changes are complete, click SAVE from the General tab to save your changes and add your text to your lesson page, or CANCEL to close without saving. You may also use the SAVE AS button to save this text as a template, to be reused in another lesson or course.

NoteTo learn more about Saving As a template, visit the Template Builder section.

xAPI BUTTON AND xAPI EMBED (PREMIUM ACCOUNT)

The xAPI Button and xAPI Embed options from the TOOLS > ASSETS menu allows you to easily integrate your course with an Experience API (Tin Can) service (xAPI), such as published Captivate, Storyline, Rise or any other type of authoring tool that can be published as xAPI.

NoteTo learn about adding an xAPI package from the Edit Course Settings page, see Edit Course Settings: xAPI Section

NoteTo learn about adding an xAPI package to a quiz, visit the Creating Quizzes Section.

NoteTo learn more about uploading an xAPI package, visit the Create xAPI section.

xAPI BUTTON

To add an xAPI Button to your lesson page, you may drag the xAPI BUTTON option and drop it to the desired location on your page:

image3110

As you drag, a blue guide will appear, marking spots where you can drop this asset:

image3111

Once you have dropped the xAPI BUTTON option on your Page Canvas, the xAPI Button properties panel will appear. In the General tab, select the course from the SELECT COURSE dropdown. From the CRITERIA dropdown, select if you want the package to auto complete (AUTO COMPLETE LESSON), or if you want the MARK COMPLETE button to show:

image3112

For more precise reporting, select CONTROL MARK COMPLETE BUTTON.

Click SAVE to save your changes and add the xAPI Button to your lesson page.

Previous Lesson Editor – File Options
Next Add Content- Tools: Page Elements
Table of Contents