Hi all,
Wanted to share an update we just made to help enhance the learner experience!
- CSS for "No Upcoming Events"
- Purpose:
- Adds instructional text under the “No Upcoming Events” widget on live course pages.
- Why:
- Learners often think no sessions are available if they have missed the events they were meant to attend, as the widget only shows events for their current session they have already missed. This clarifies that they can use the ellipsis (⁝) menu to switch sessions or unenroll.
- What it does:
- Does not alter the view prior to missing the events
- Keeps the default image and message
- Adds guidance to help learners take action as the ellipsis is often missed by employees
- Suggests submitting a Freshservice ticket for further support
- Purpose:
Before:
After:
Code:
/* Add helpful follow-up message under default "No upcoming events" content */
lrn-widget-course-upcoming-events
dcb-ui-accordion-paneldname="upcoming-events"]
dcb-ui-blank-slate::after {
content: "Need to switch to a new session or unenroll?\A\A Click the ellipsis (⁝) menu in the top right of the course tile to see the options available to you.\A\AIf you need further assistance, please submit a Freshservice ticket.";
display: block;
margin-top: 1rem;
font-size: 14px;
color: #333;
text-align: center;
padding: 0 1rem;
white-space: pre-line;
line-height: 1.5;
}