Skip to main content
Best Answer

Display Due Date in Courses


willingworth
Influencer III
Forum|alt.badge.img+2

Hello, community,

Does anyone have any Widget or CSS hacks that actually display the course due date in the course itself? Once a user is in the course, there is no communication to them that the course has a specific due date. Many users leave the tab open and shuffle it into their open tabs, others don’t notice the due date on the course card on the home page. Any suggestions to help improve visibility for the all-important due date?

 

Thanks!

Best answer by dklinger

@willingworth Sounds like an intriguing course widget in the very end.

Maybe write it up?

 

View original
Did this post help you find an answer to your question?

17 replies

gstager
Hero III
Forum|alt.badge.img+7
  • Hero III
  • 895 replies
  • August 10, 2022

Oof…

CSS is great for styling - as the name implies - and thus good for showing/hiding/modding stuff that is already there but not so much for finding content stored elsewhere and putting it in place.


sjennings78
Guide II
Forum|alt.badge.img+4
  • Guide II
  • 177 replies
  • August 10, 2022

Yes, please!  I wish we did have this as an easy option to display from the course page.


willingworth
Influencer III
Forum|alt.badge.img+2
  • Author
  • Influencer III
  • 62 replies
  • August 10, 2022
gstager wrote:

Oof…

CSS is great for styling - as the name implies - and thus good for showing/hiding/modding stuff that is already there but not so much for finding content stored elsewhere and putting it in place.

Ah, that makes sense. 


Bfarkas
Hero III
Forum|alt.badge.img+5
  • Hero III
  • 3582 replies
  • August 11, 2022

Where in the course are you meaning, like inside a course package like a scorm file, or just within the course page before you launch or both?


dklinger
Hero III
Forum|alt.badge.img+8
  • Hero III
  • 1682 replies
  • August 11, 2022

@willingworth- good evening.

For your consideration - you can control a few elements and where I believe @Bfarkas is going. If you force the detail to be inline? It is probably your best bet as the person then cannot ignore it. We like to add a Getting Started HTML page when we have a course that has more than one object in it for example. You can set that to auto-launch as part of the course experience and have it right in the persons face.

That said - as @gstager was pointing out - your greatest challenge to pull it off with CSS is that if you want to leverage a widget you would probably need to adjust your CSS for your course player and using CSS to pull things in is something “better served with other approaches” - if we could use a little javascript, we could call to something called the DOM and potentially get what you are after. Some folks have been making strides and documenting adjusting the course player experience with CSS (mentioned by @lrodman earlier this week, he was able to move the TOC from the left to the right side of the screen). Maybe? The Course Description widget can stack up above the Start Course window???? And you can be in good shape?

 


lrodman
Guide II
Forum|alt.badge.img+6
  • Guide II
  • 908 replies
  • August 11, 2022

I’m trying to change the incomprehensible course player full screen button but failing if anyone knows how. 
 

Asking for a friend 😉 


lrodman
Guide II
Forum|alt.badge.img+6
  • Guide II
  • 908 replies
  • August 11, 2022

Also I might try leveraging notifications - both in platform and email - about course due dates. 


Bfarkas
Hero III
Forum|alt.badge.img+5
  • Hero III
  • 3582 replies
  • August 11, 2022
lrodman wrote:

I’m trying to change the incomprehensible course player full screen button but failing if anyone knows how. 
 

Asking for a friend 😉 

It’s just a before and after pseudo class with content codes to make the icons, like I said the other day in the thread you asked about them?

not really relevant  to this thread though. 


Forum|alt.badge.img+2
  • Helper II
  • 239 replies
  • August 11, 2022

can anyone explain the difference to me between a due date and a renew date?  We use refresher training and one of my big issues is that on the course page it doesn't show when a course is due to be renewed and doesn't even give you a link to renew.  is this the same as a due date?


lrodman
Guide II
Forum|alt.badge.img+6
  • Guide II
  • 908 replies
  • August 11, 2022

If someone doesn’t complete a course by due date they get unenrolled

 

if someone doesn’t renew their cert by renewal date the cert becomes inactive until renewed. 


willingworth
Influencer III
Forum|alt.badge.img+2
  • Author
  • Influencer III
  • 62 replies
  • August 12, 2022
dklinger wrote:

@willingworth- good evening.

For your consideration - you can control a few elements and where I believe @Bfarkas is going. If you force the detail to be inline? It is probably your best bet as the person then cannot ignore it. We like to add a Getting Started HTML page when we have a course that has more than one object in it for example. You can set that to auto-launch as part of the course experience and have it right in the persons face.

That said - as @gstager was pointing out - your greatest challenge to pull it off with CSS is that if you want to leverage a widget you would probably need to adjust your CSS for your course player and using CSS to pull things in is something “better served with other approaches” - if we could use a little javascript, we could call to something called the DOM and potentially get what you are after. Some folks have been making strides and documenting adjusting the course player experience with CSS (mentioned by @lrodman earlier this week, he was able to move the TOC from the left to the right side of the screen). Maybe? The Course Description widget can stack up above the Start Course window???? And you can be in good shape?

 

Good thought on launching to the HTML page. Are you suggesting that you can identify the due date on that page dynamically or would it just be static text? This is a new hire course, so every wave of new hires has a different due date.

Looking for that dynamic solution 😅


dklinger
Hero III
Forum|alt.badge.img+8
  • Hero III
  • 1682 replies
  • August 15, 2022

Good thought on launching to the HTML page. Are you suggesting that you can identify the due date on that page dynamically or would it just be static text? This is a new hire course, so every wave of new hires has a different due date.

Looking for that dynamic solution 😅

Yeah if you are looking for something dynamic - I cant really help that. You may be able to do something clever within a course and generate that date by leveraging a little bit of JS. But that HTML page? Something could be done - but your problem begins that it would not be “system” related nor persistent - and that is your key problem.

So I can get an HTML page to show you what the due date is….but tomorrow it will just shift based on the calculation.


dklinger
Hero III
Forum|alt.badge.img+8
  • Hero III
  • 1682 replies
  • Answer
  • August 15, 2022

@willingworth Sounds like an intriguing course widget in the very end.

Maybe write it up?

 


Bfarkas
Hero III
Forum|alt.badge.img+5
  • Hero III
  • 3582 replies
  • August 15, 2022

I’ve been thinking of how I could do this with a known list of courses plus timelines for them plus user assignment and think I could pull it off using an embedded iframe widget that leverages the api on page load to get those pieces of information and then calculate in real time. Doable, but I wonder if worth it. 


dklinger
Hero III
Forum|alt.badge.img+8
  • Hero III
  • 1682 replies
  • August 16, 2022
Bfarkas wrote:

I’ve been thinking of how I could do this with a known list of courses plus timelines for them plus user assignment and think I could pull it off using an embedded iframe widget that leverages the api on page load to get those pieces of information and then calculate in real time. Doable, but I wonder if worth it. 

What makes it crazy intriguing is that it really isnt a “roaming problem”. It becomes a series of scheduled events problem. So with a regular maintenance approach it can work.

The more I spin on this as well? No offense though @Bfarkas , anything you come up with? Is going to have a layer that is “brittle” in design because this really should leverage that deadline that should be built into the system itself.


Bfarkas
Hero III
Forum|alt.badge.img+5
  • Hero III
  • 3582 replies
  • August 16, 2022

What I was describing above essentially would be leveraging that @dklinger , just painful to get to it. 


Jenna M.
Novice III
Forum|alt.badge.img
  • Novice III
  • 45 replies
  • August 17, 2022

I might be misunderstanding the ask but can you use a soft deadline at the course level so it shows an expiration on the course tile, combined maybe with the Task Widget with the tab for deadline visible that shows the red indicator that something has a deadline? It can be set as a rolling deadline based on users enrollment date, or first access since sometimes for new hires they get enrolled before they actually start. Then also maybe the “course has expired” notification and/or “learner has yet to complete a course” reminder?


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings