Internal Mission Information
A. Internal Mission Component: MissionInProgress Internal
|
Component Category |
Mission Information |
|---|---|
|
Component Type |
Custom Component |
|
Component Label |
MissionInProgressInternal |
|
Component Info |
|
|
Applicable Pages (Suggested) |
Recommended Page: User Profile, Any page. |
The image below shows how the component looks once it’s been set up.
/Missions_2.png)
Component Attributes
/Missions_3.png)
Table View
|
Properties |
Values |
Description |
|---|---|---|
|
Banner- Background Color |
#95B9C7 |
This is used to give the background color to banner. |
|
Banner- Font Color |
#151B8D |
This is used to give the font color to Banner. |
|
Banner-Font Size (Ex.20 px) |
21px |
This is used to give the size to the Banner. |
|
Body-Background Color |
#FFFEF2 |
This is used to give the color to the body background. |
|
Body -Title Font Color |
#000080 |
This is used to give the color to the Body title. |
|
Body-Title Font Size |
22px |
This is used to give the size to the Body title. |
|
Body-Font Color |
#000080 |
This is used to give color to the body font. |
|
Body-Font Size |
16 px |
This is used to give the size of Body Font. |
|
Progress Bar Color |
#4169e1 |
This is used to give the color to the Progress Bar. |
|
Body-Border Color |
#0000FF |
This is used to give the color to the Body Border. |
|
Module Name |
Module - B |
Write the name of the module. |
B. Mission Component: Missions Completed at Glance
|
Component Category |
Mission Information |
|---|---|
|
Component Type |
Custom Component |
|
Component Label |
userMissionsInternal |
|
Component Info |
Missions Completed At Glance |
|
Applicable Pages (Suggested) |
Recommended Page: User Profile |
The “UserMissionInternal” Component enables users to view the completed missions.
The image below shows how the component looks once it’s been set up.
/Missions_4.png)
Component Attributes
/Missions_5.png)
Table View
|
Option |
Details |
Value |
|---|---|---|
|
Show Mission In Progress |
Make the Checkbox true if you want to show the in progress missions. |
True |
|
Number of Rows |
Mention the number of rows that should be visible on the component. |
2 |
|
Number of Columns |
Mention the number of columns that should be visible on the component. |
3 |
|
Image Height |
Mention the height of the image related to that mission. |
40px |
|
Image Width |
Mention the width of the image related to that Mission. |
38px |
|
Banner-Background Color |
Mention the background color of the component. |
RGB(21, 88, 133) |
|
Banner-Font Color |
Mention the font color of the banner for the Component. |
RGB(0, 0, 0) |
|
Banner-Font Size |
Mention the Banner Font Size. |
18px |
|
Body-Font Color |
Mention the font color of the body of the Component. |
RGB(0, 0, 0) |
|
Body-Font-Size |
Mention the Font size of the Body. |
14px |
|
Pagination Icons Color |
Mention the pagination icons of Color. |
RGB(41, 181, 231) |
|
Module Name |
Provide the Name of Module. |
Module- B |
C. Mission Component: Missions Completed in Detail
|
Component Category |
Mission Information |
|---|---|
|
Component Type |
Custom Component |
|
Component Label |
userCompletedMissionInternal |
|
Component Info |
Missions Completed in Detail |
|
Applicable Pages (Suggested) |
Recommended page: User Profile |
The “userCompletedMissionInternal” Component enables users to view the completed missions.
The image below shows how the component looks once it’s been set up.
/Missions_6.png)
Component Attributes
/Missions_7.png)
Table View
|
Option |
Details |
Value |
|---|---|---|
|
Show Mission In Progress |
Make the Checkbox true if you want to show the Mission In Progress Mission. |
True |
|
Show Expired Missions |
Make the checkbox true if you want to show the expired missions. |
True |
|
Number of Records Per page |
Mention the number of Records you want to display. |
3 |
|
Image Height |
Mention the height of the image related to that mission. |
40px |
|
Image Width |
Mention the width of the image related to that Mission. |
38px |
|
List Max Height |
Mention the list max height of missions. |
20px |
|
Banner-Font Size |
Mention the font size of the banner for the Component. |
22px |
|
Body-Font Size |
Mention the font size of the body of the Mission. |
14px |
|
Body Font Color |
Mention the font color of the body of the Missions. |
RGB(0, 0, 0) |
|
Banner-Font Color |
Mention the font color of the banner for the Component. |
RGB(255, 255, 255) |
|
Banner-Background Color |
Mention the background color of the component. |
RGB(21, 88, 133) |
|
Table Header Color |
Mention the Table header color. |
RGB(17, 86, 120) |
|
Table Header Font Color |
Mention the Table Header Font color. |
|
|
Pagination Icon Color |
Mention the color of Pagination color. |
Blue |
|
Show the Module Name |
Make the checkbox true if you want to show Module Name. |
Module - B |
|
Category |
Provide the Name of Category. |
Engagement |
D. Mission Component: All Available Missions in Detail
|
Component Category |
Mission Information |
|---|---|
|
Component Type |
Custom Component |
|
Component Label |
missionInfoInternal |
|
Component Info |
To View All Available Missions Information of Internal Users. |
|
Applicable Pages (Suggested) |
Recommended page : User Profile but can be used anywhere. |
This component details all the missions that are available for Internal Users.
Component Attributes
/Missions_8.png)
Users can select the Category by clicking on the “Select” from top right.
/Missions_9.png)