Image extension support for action helpers. Achievement creation example with a product
This tutorial shows how to create a basic Achievement with an action helper that has an image displayed feature.
Step-by-step guide to create a simple achievement with an image display feature
Step 1: Action helpers
In your CompetitionLabs space, navigate to Settings → Action Helpers
1. You can update your existing Action helpers. If you want to update the existing ones navigate to the Action helper of your choice and press on the edit action icon button 
.
2. You can create a new Action helper. If you want to create a new one navigate to Add action helper action button 
.
Step 2: Adding an image to the Action Helpers
From Step 1 you are navigated to the Action Helpers Create/Edit screen where you fill out the information of the Action helper.
Fill out information about the Name, Key, Description and Metadata
| Name | Set Name to - Win |
Key | Set the key to - win (if you have an action helper with this key already created you can name it differently by your choice. In this tutorial we will display the Key - win) |
Description | Win |
*Metadata | The Key has to contain a text - img The Value has to be a link to the image that you want to be displayed- https://complabs.atlassian.net/wiki/download/thumbnails/696090637/trophy.png?version=1&modificationDate=1557221627227&cacheVersion=1&api=v2&width=100&height=100
Note! important that the key is all in small case letters (img) and the Value must be a link to the image for it to be displayed. You can use the URL that is given or of your choice. |
| *You can read about the Action Helpers documentation in detail in Action Helpers. |
Step 3: Products
In your CompetitionLabs space, navigate to Products.
1. You can update your existing Product. If you want to update an existing one navigate to the Product of your choice and press on the edit action icon button .
2. You can create a new Product. If you want to create a new one navigate to Add Product action button 
.
Step 4: Adding the action helper to the Product
From Step 3 you are navigated to the Product Create/Edit screen where you fill out the information of the Product. If the product already exists just add the Action Adjustment factor Win that we created. An example is shown below of a new Product creation.
| Name | Set Name to - New Game |
| Providers | N/A |
| Product type | Set Product type to - slot game |
| Description | N/A |
| Adjustment factor | Set the value to - 1 |
| Product ref id | Set the Product ref id to - new_game |
| Actions Adjustment factors | By selecting Action you can already preview the Action helper with the image. Select the created Win Action helper. In the Adjustment factor insert a value - 1 |
| Metadata | N/A |
| *You can read about the Products documentation in detail in Products. |
Step 5: Achievement creation
Achievement creation step will only present the bare minimum for the achievement creation. If you want a detailed explanation in how to create a simple reward/notification achievement you can read it in ACADEMY BASICS → Achievements → Example Achievement tutorials → Simple reward/notification Achievement (Sign-up & Get Welcome Badge) or click/wiki/spaces/CLRAV/pages/377651246 to be redirected to the link.
In your CompetitionLabs space, navigate to Achievements → List. To start creating an achievement press the Create action button and you will be redirected to the achievement creation page.
Settings | |
|---|---|
| Status | Set status to - Draft |
Icon | N/A |
Name | Congratulations you won |
Description | N/A |
Initial State | Set state to - Hidden |
Move on to the next step by clicking Next.
| Scheduling | |
|---|---|
| Date and Time | Pick a date and time when your Achievement is valid and it is available. |
| Occurrence | Set occurrence to - Once |
Move on to the next step by clicking Next.
| Entrants | |
|---|---|
| Member Groups | All |
Move on to the next step by clicking Next.
Dependant On | |
|---|---|
| Category | N/A |
Dependant On | N/A |
Metadata | N/A |
Move on to the next step by clicking Next.
| Rewards | |
|---|---|
| Reward | N/A |
Move on to the next step by clicking Next.
Rules
An example below is shown of how Rules with an action that has an image attached to it looks like
- The Main rules fact is "The count of events where the nested condition(s) evaluate to TRUE for the event" the Main rules operator is "is" and the Main rules constant is "1". The condition match of the Main rule is "ALL" and the evaluation criteria - "TRUE". After that you need to add a Sub rule.
- The Sub rules fact is "The product" the Sub rules operator is "is" and the Sub rules constant is "New Game". The condition match of the Sub rule is "ALL" and the evaluation criteria - "TRUE".
- The Sub rules fact is "The action" the Sub rules operator is "is" and the Sub rules constant is "Win". The condition match of the Sub rule is "ALL" and the evaluation criteria - "TRUE".
Move on to the next step by clicking Next.
| Translations | |
|---|---|
| Languages | N/A |
Move on to the next step by clicking Next.
| Summary | |
|---|---|
| Summary | You can expand the Rules and preview the action with the image that was preselected earlier. |
To finish creating the achievement press Finish and a second pop up screen appears for a confirmation of the achievements creation. Press Confirm and you have created an Achievement. With this you have went step by step in how to add an image to the Action Helper and implement it in the product and achievement.