RIO Ed - Short Course Filter
Introduced in v3.12 to support Continuing Education, this component is used to filter short courses (Study Offerings) that are listed on the Student Community.
These short courses can be filtered according to the following:
- Study Area - the "field of study", e.g. Science, Law.
- Location.
- Start Date.
- Delivery Method - e.g. classroom, online.
For example, you can create a new page (e.g. 'Short Courses') on the Student Community to place this this component (navigate to Setup > Digital Experiences > All Sites).
This will allow students to search / filter the short courses (Study Offering object).
You can also place the RIO Ed - Short Course Listing component under this component (on the same page), to display the list of short courses.
See here for the other components and how they work in relation with one another.
Attribute Name |
API Name | Description |
Area of Interest Field Name | areaOfInterestApiName | Enter a picklist Field API name of Study Offering object to be used as a filter criteria to fetch the records of Study Offerings, e.g. Study_Area__c . |
Start Date Field Name | startDateApiName | Enter a DateTime Field API name of Study Offering object to be used as a filter criteria to fetch the records of Study Offerings, e.g. Start_Date__c . |
Location Field Name | locationApiName | Enter a picklist Field API name of Study Offering object to be used as a filter criteria to fetch the records of Study Offerings, e.g. Location__c . |
Delivery Method Field Name | deliveryModeApiName | Enter a picklist Field API name of Study Offering object to be used as a filter criteria to fetch the records of Study Offerings, e.g. Delivery_Method__c . |
Search Field Name | searchFieldApiName | Add a text field API Name here. E.g. Name. |
Study Offering Custom Filter Fieldset | studyOfferingCustomFilterFieldSetName | (v3.15.2) Study Offering Fieldset API name for any extra custom filter criteria. |
Background Image URL | backgroundImageApiName | Add the public URL to display background image here. |
Heading | heading | Enter a value to define the heading of the component, i.e. Short Courses. |
Heading Styling | headingStyling | To define the styling of the displaying header enter CSS attributes here, e.g. color:white; text-shadow: 0 0 10px #000000; |
Clear Filter Button Label | clearAllFilter | Enter label of clear button label. E.g. Clear All. |
Search Button Label | searchButtonLabel | Enter label of search button label. E.g. Search. |
Search Here Label | searchHereBoxLabel | Enter search box label. E.g. Search Here. |
Debug Mode | enableDebugMode | Enable debug mode. |