Missions

Description

This widget displays all information about bundles, missions, and objectives in an independent widget.

Configuration

• class <string|required>: gamification_widget
• data-type <string|required>: missions

Important notes

• The color of the mission widget (including the mission bundle list, mission bundle details, and list of missions) is determined by the main theme color. In some cases, a transition to a darker shade of the main color is applied, such as changing from the main color to a darkened version of the same color.
• The "Desktop" version appears in window widths above 992px.
• The missions currently do not have a maximum width, the width is determined by the parent container.

Example:

Show me the code!

<div class="gamification_widget" data-type="missions"></div>

UI views:

1. Mission Bundles List

2. Mission Bundle Details - In Order

3. Mission Bundle Details - Any Order

4. Mission Bundle History

5. Mission Details