I’m working on a custom learner dashboard in Docebo and would love to hear how others have approached something similar.
The goal is to create a personalized dashboard that displays data for the currently logged-in learner, including things like learning path progress, pathway/program progress ( ex: 50% of all required learning plans and courses), and what they should complete next. I’ve built a custom page using HTML/CSS and have also successfully created an API endpoint through Docebo Connect/API Platform that can return user-specific data.
The challenge is connecting the two. The HTML widget does not appear to allow the JavaScript needed to call the API and dynamically populate the page. I’ve also looked at the iframe widget, but that appears to require an externally hosted page, which I’m trying to avoid if possible.
Has anyone successfully built a personalized/custom dashboard entirely within Docebo that pulls dynamic learner data? I’d especially be interested in hearing if you’ve found a way to:
- Use Connect/API Platform data within a custom Docebo page
- Pass the currently logged-in learner into a custom solution
- Use HTML/CSS or another Docebo feature to dynamically populate custom cards with progress bars
- Accomplish this without hosting a separate webpage/application
I’m open to changing the approach if there’s a more Docebo-native way to accomplish this. Any examples or lessons learned would be greatly appreciated!