---
title: "Information Card"
slug: "information-card"
updated: 2026-08-31T19:01:58Z
published: 2026-08-31T19:01:58Z
canonical: "support.beast-code.com/information-card"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.beast-code.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Information Card

Use an Information card to display an overlay with information, optionally customized with HTML and/or CSS, about a desired topic.

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-08-06 160133.png)

### Building the Card

**To add the card to the lesson track:**

- Left click and drag the card to the track
- OR double click the card to add automatically

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Learning_63(1).gif)

**To begin editing:**

- Left click the card on the track and then left click ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/image-XB2QX20F.png)
- OR double left click the card on the track to open editing automatically

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Learning_64(1).gif)

**In the editing window, you can:**

- Change the title of the card
- Toggle and/or edit an Objective Message
- Add or delete pages on the Information card
  - You must have at least one page on the card
- Add and edit the page title and body
- Add a glossary term and/or media
  - ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-06-29 131311(1).png) - Select this icon to add a definition to the card
  - ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-06-29 132917.png) - Select this icon to add pictures to the card
  - ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-06-29 133843.png) - Select this icon to add videos to the card
  - ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-06-29 134018.png) - Select this icon to add PDFs to the card
- Add audio to the card
  - If a transcript is available, it can be accessed by a learner during the course

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Learning_101.gif)

- Edit component highlight information
- Show or hide the table of contents

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Learning_85(2).gif)

### Information Card - Use Case

One popular use of an Information card is to allow a learner to get more information about a desired component.

**Example:** Follow the steps below to set up an Information Card where a learner can find out more details about a specific component:

1. Add a 3D Viewer card first.

- Make sure the system contains the desired component

1. Add an Information Card beneath it.

- Title it something recognizable
- Then title the page something relevant
- In the ‘Body’ of the card, enter relevant information and add desired definition(s) and/or media
- Choose a desired highlight color
- Search for the desired component you want the learner to get more details on

1. Select ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-06-29 134742.png).
2. Optionally ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-06-29 135311.png) the card.

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Learning_85(1)(1).gif)

> [!NOTE]
> NOTE
> 
> In the lesson, you can minimize the Information card:
> 
> 
> 
> ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Learning_100.gif)