Best Answer

Landing/Home Page re-design HTML code

  • 27 October 2022
  • 5 replies
  • 770 views

Userlevel 5
Badge +1

I’m re-designing our LMS homepage & I’m looking for an option to create a slideshow/Carousel using HTML code.  I’m not a PRO in using the HTML code, Any helps? 

Current task list widget in home page shows only the upcoming due courses, if date exceeds it shows no due/no pending course for the learners and it cause more confuse to the learners when we sent manually overdue list to them.

As a workaround, I created a HTML widget and utilized as an Announcement/NEWS area to inform the learners about the due date for the compliance course (it’s a high priority). Still, I’m looking the way to improvise the visibility of overdue courses to learners (already we enabled overdue emails).

I reviewed the topic Design inspiration: Creative ways to design your homepage & wondering how others design their homepage more efficiently for their learners.

How are you addressing the overdue courses to the learners thru homepage? Any best practice to re-design the homepage using HTML widgets?

 

icon

Best answer by gstager 27 October 2022, 13:57

View original

5 replies

Userlevel 7
Badge +5

Here is a thread for an HTML/CSS slider that may be of use.

 

Userlevel 6

You’ll need to leverage CSS and HTML. 

Check out this site to craft your own elements and code:

https://www.w3schools.com/howto/default.asp

Userlevel 7
Badge +3

There are a bunch of threads on different techniques, some like Greg’s above use custom HTML/CSS to make it entirely rely on Docebo, others use external services (Comslider is the one you will run into the most but there are a TON) where you basically iframe in the slider into the widget.

Here’s a few threads:

This is a great post from an old presentation on Docebo U that covers a lot of customizing using HTML and CSS and has an image slider example as well.

https://university.docebo.com/share/asset/view/69

 

 

 

Userlevel 5
Badge +1

You’ll need to leverage CSS and HTML. 

Check out this site to craft your own elements and code:

https://www.w3schools.com/howto/default.asp

Thanks @JZenker I'm already using this W3school website to leverage HTML codes

Userlevel 5
Badge +1

BTW I’m using this slider idea for a Docebo that links to a third-party library. 😎

Reply