Single Course Card Layout

In this article, you’ll learn about:


Overview

The single course card layout is where you build/edit your card. Select the card type you wish to build from our pre-formatted selections available in the card type dropdown, add text and/or media, add narration and alt text (optional), and preview how your card will look on various devices. You can also use the sidebar to navigate to other cards in the course or add a new card. For more information on cards, click here.

The single course card layout has:

A clip of the single course card layout. Here we show the preview of the card on various devices, clicking through cards in the sidebar, and adding a new card.
  • Tools in the header to make building and viewing your changes easier
  • A sidebar with previews of the other cards in the course (click these to access them)
  • The course card’s media, text, and other settings
  • A preview of what the built card looks like on various devices

Access the Single Course Card Layout

You can access the Single Course Card Layout by:

  • Adding a new card:
    1. From the Courses library an image of three stacked papers representing courses., hover your cursor on the course tile you wish to enter until tools are presented.
    2. Click Edit Course. The Cards page for the course opens.
    3. Click the +New Card button or the add card icon An image of a blue circle with a white plus. This represents our add a card button. in the sidebar. Now you can select your card type from the dropdown.
  • Editing an existing card:
    1. From the Courses library an image of three stacked papers representing courses., hover your cursor on the course tile you wish to enter until tools are presented.
    2. Click Edit Course. The Cards page for the course opens.
    3. Hover your cursor on the single card you wish to open until tools are presented.
    4. Click Edit Card.

Course Card Header Tools

The course card header has tools to aid your course building.

An image of the course card tools, including device view toggles that you can switch between to see how your course card will appear on various devices.

Single Course Card Tools include:

An image of a sidebar.

SIDEBAR TOGGLE
Click the toggle sidebar icon to make the sidebar appear or disappear.

An image of an arrow pointing to the left, representing the back button.

BACK BUTTON
Click the back button to exit out of the single course card and return you to the cards layout.

An image of two papers stacked, representing our duplicate icon.

COURSES/COURSE NAME
This acts as a breadcrumb, and shows you the name of the course you are in.

A drawing of an American flag, used to represent the language selected flag.

LANGUAGE FLAG
This flag represents the language you’ve selected for this version of the course.

CARD SELECTOR
Select the card you want to edit or view by selecting it from the dropdown card selector.

DEVICE PREVIEW
Select between the device options to see how your card displays on them.

CANCEL/SAVE
Use these buttons to cancel or save the changes made to this card.

CLOSE
Click the X to close the course card page and return to the cards tab of your course.


Course Card Sidebar

The sidebar of the course card displays the other cards in your course as well as the Add a New Card button An image of a blue circle with a white plus. This represents our add a card button.. Icons above the sidebar An image of the sidebar left and right dock icons. let you switch which side of the screen it docks or lets you close the sidebar by clicking the X. In the clip below, we swap what side the sidebar docks, then we close and reopen it.

A clip of a course card page. We click icons above the sidebar to dock it to the other side of the screen, then we return it to the left side. Next we click the X above the sidebar to close it, and click the sidebar icon to reopen it.


Next: Start Building your Course

Was this article helpful?

Related Articles

Need Support?

Can't find the answer you're looking for?
Contact Support