Skip to main content
Best Answer

Landing/Home Page re-design HTML code

  • October 27, 2022
  • 5 replies
  • 1338 views

Forum|alt.badge.img+2

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?

 

Best answer by gstager

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

 

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

gstager
Hero III
Forum|alt.badge.img+7
  • Hero III
  • October 27, 2022

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

 


JZenker
Guide II
Forum|alt.badge.img+1
  • Guide II
  • October 27, 2022

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


Bfarkas
Hero III
Forum|alt.badge.img+5
  • Hero III
  • October 27, 2022

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

 

 

 


Forum|alt.badge.img+2
JZenker wrote:

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


billso
Helper II
Forum|alt.badge.img+1
  • Helper II
  • October 31, 2022

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


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