User Information

Component Category

User Information

Component Type

Custom Component

Component Label

userInfo

Applicable Pages (Suggested)

Main Page: User Profile

  1. The userInfo component depicts the below information:

  • Reputation Level Name & Image

  • Rank on the Experience Site

  • Count of Earned Badges

  • Current Points

  • Count of Achieved Missions

  • Points needed to reach the next level & their respective level name.

Below is the example of how the component would look once it has been set up.

  1. Open the “User Profile” page from the community builder and Drag drop the “UserInfo” component on any page.

  1. To customize the component as per your branding and theme, click Component and you will see the component specific customization menu.

To take an example, the values below represent the component as mentioned in the image in step 1 above.

Option

Details

Value

Record ID

Please do not change

{!recordId}

Background Color

Background color of the component

rgb(167, 212, 246)

LevelInfo Font Color

Font color for the Text showing the Level Name

(Example ‘Ninja’ in the image above)

rgb(243, 43, 43)

LevelInfo Font Size

Font Size for the Text showing the Level Name

(Example ‘Ninja’ in the image above)

40px

Rank Font Color

Font Color for the Text Showing the Level Rank

(Example ‘Community Rank 1’ in the image above)

RGB(99, 33, 33)

RankInfo Font Size

Font size for the text showing the level rank

(For example -  ‘Community Rank 1’ in the image above)

16px

Achievements Font Color

Font color for the achievements showing Badges, Reputation Points, Missions

RGB(0, 0, 0)

Achievements Font Size

Font size for the achievements showing Badges, Reputation Points, Missions

22px

Links Font Color

Links for the Achievements showing Badge Count, Mission Count

RGB(36, 77, 206)

NextLevelInfo Font Size

Font size for the next available Reputation Level

(Example ‘Superstar’ in the image above)

20px

Community URL

URL of your community

https://mycommunity.force.com/Scorenotch/s

Page URL for Missions

Enter the page name that you have created to showcase all missions

Missions

Page URL for Badges

Enter the page name that you have created to showcase all badges

Badges

Page URL for Levels

Enter the page name that you have created to showcase levels

Levels

Module Name

Provide the Name of the module

Module -B