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

NameSet 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.

NameSet Name to - New Game
ProvidersN/A
Product typeSet Product type to - slot game
DescriptionN/A
Adjustment factorSet the value to - 1
Product ref idSet 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

MetadataN/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 → ListTo start creating an achievement press the Create action button and you will be redirected to the achievement creation page.

Settings

StatusSet 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 TimePick a date and time when your Achievement is valid and it is available.
OccurrenceSet occurrence to - Once

Move on to the next step by clicking Next.


Entrants
Member GroupsAll

Move on to the next step by clicking Next.


Dependant On

CategoryN/A

Dependant On

N/A

Metadata

N/A

Move on to the next step by clicking Next.


Rewards
RewardN/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

  1. 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.
  2. 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".
  3. 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
LanguagesN/A

Move on to the next step by clicking Next.


Summary
SummaryYou 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.