Learning (How to Configure)

Once you understand the member experience, you can start customizing the experience for your members. Make sure to refer back to the Learning - Member View if you would like more details about what these different settings do.

Provide Permissions

First thing's first: you'll want to provide your learners the permissions required to use Learning component. Go ahead and assign the Fielo Learning Community permission set to those users.

Configure Properties

Now, with permissions taken care of, you can configure the Learning component to meet the unique needs of your learners.

Title

This text field will contain the Title Label. “Learning” will be its default value. You replace it with any value that you want or assign a Salesforce custom label value to be shown instead.

Enrolled Tab

Check this box to enable the Enrolled tab. This will show all courses the member is or has enrolled in.

Available Tab

Check this box to enable the Available Tab. This will show all Available courses the members can enroll in.

Scheduled Tab

Check this box to enable the Scheduled Tab. This will show upcoming courses that will become available to members in the future.

Search

Check this box to enable members to search courses based on name (or part of it).

Filters

Check this box to enable members to filter courses based on status, start date, end date as well as sorting (by name or start/end date).

Mode

This field controls the overall look and feel of the component. We can choose between two settings: Light or Dark.

Direction

This picklist setting will control the overall look and feel orientation.

Left to Right: this is the default value. When selected, all elements will be rendered from Left (first) to right (second.)
Right to Left: when this setting is selected all elements will be rendered from the right (first) to left (second).

Course List Style

This field controls the look and feel of the course card (shown in the course list screen). You can select between:

Banner on Top
Banner on Background

Course Name

Enter the API name of the field that you want to be displayed in the course name.

Course Description

Enter the API name of the field that you want to be displayed in the course description.

Show Course Status/Eligibility tag

Check this box if you want to show the eligibility tag of each course in the course list.

Show Course Start-End Dates tag

Check this box if you want to show the Start-End dates of each course in the course list.

Allow Course Favorite Bookmark

Check this box if you want to allow members to bookmark their favorite courses. If a member has courses marked as favorites the "My Favorites" category will be shown allowing them to filter.

Show Specific Course(s)

This field enables you to tailor the courses displayed by the component. Simply input the ID of the courses you wish to see, separated by commas.

Pagination

This lets you choose how you want additional courses to be displayed:

Page adds left and right arrows at the bottom of the component so that members can page through additional courses.
List adds a Show More button at the bottom of the component so that members can display all courses on a single page as a long list.

Page Size

Will control how many courses will be loaded per page (if greater, Show Next button will be displayed). By default, the number is set to 15.

Custom CSS Classes

This allowed Custom CSS Classes to be applied in the main element, separated by space. Work with your IT department to update this with their customized CSS code.

Custom Static Resource

This allowed a CSS file to be imported from a static resource. Work with your IT department to include the customized CSS information.

Course Status Fields

Enter the API names of the course status fields you wish to display in the course detail header, separated by commas. You may also include the default values of 'Course Status', 'Days Left', and 'Rewards' to display relevant course information in the header.

Module Status Fields

Enter the API names of the module status fields you wish to display in the course detail header, separated by commas. You may also include the default values of 'Status', 'Completed Date', 'Attempts', 'Grade', 'Correct Answers', 'Rewards', and 'Feedback' to display relevant course information in the header.

Closed Courses

This field determines the visibility of closed courses within the component. You can choose to:

Show in Enrolled and Available: Choose this option to display closed courses on the "Enrolled" or "Available" tabs.
Group and show all in Closed tab: Choose this option to group and display all closed courses, whether previously enrolled or not, in a new tab labeled 'Closed'.
Don't show Closed course: Choose this option if you wish to hide closed courses from view in the component.