Adding GIF images to your pages

  • 5 October 2021
  • 5 replies
  • 375 views

Userlevel 4
Badge

Docebo may not currently have a built-in way to add GIFs to your pages, but with a few extra resources, you can add them to your pages.  I’ll share here what we have done on our LMS to use GIFs.

We have a webserver where we are able to host images outside of Docebo - but there may be other storage options out there that will also work.  As for creating the GIFs, we have been using mostly Canva lately to create them (it’s super easy to use and inexpensive for a PRO account).

Sometimes we’ll do a single GIF image and place on the page to draw more attention to a topic.  Other times, we do a set of “slides” to scroll additional information on the page.  Once we have the slide(s) created, we export them as a GIF in Canva.  We then upload that GIF to our webserver (please comment below if you have found other hosting solutions for images) and place it on a page using an HTML widget.

In the HTML widget, we just use a simple <img> tag to display the GIF.  Here’s a sample code snippet and GiF below:

<img src="https://FULL_IMAGE_PATH_HERE.GIF" alt="" width="100%" style="display:block;margin-left:auto;margin-right:auto;" />

 


5 replies

Userlevel 7
Badge +5

This is clever...something I have been experimenting with that may be relevant? You can also generate animated GIFs that can have a limited count of loops. It could help with keeping the “noise” down to something minimum on a page...and works nicely with a web based SCORM course builder I have been using.

I think the one thing that feels missing is that we need the support of animated gifs with the HTML widget all together...that would take a way a half of a step of complexity….

Userlevel 4
Badge

I think the one thing that feels missing is that we need the support of animated gifs with the HTML widget all together...that would take a way a half of a step of complexity….

 

Agreed!  I think some updates to the Image widget would help as well - allow more control of sizing and allow for GIFs to be used.

I’d also love to see the ability to upload a series of images and build a rotating banner directly in Docebo.  We do this by other means outside of Docebo and iFrame it in, but a built-in option would be a huge time-saver for sure.  Allow for the upload of up to X number of images and set a URL link for each image, then maybe some options to auto-scroll the images and/or allow for manually advancing through the images.

The one major drawback to using Canva GIFs in an HTML widget is that I cannot put links within the images or make each image/slide link to a different URL - it’s treated as one image, so it can only link to one URL.

Userlevel 7
Badge +4

I remember at some point Docebo supported APNG images, they just couldn’t be large.   Not sure if that still the case? 

Userlevel 3
Badge

Thank you for this workaround! The ability to upload GIFs should absolutely be a standard feature in Docebo 🤦.

I have added a GIF on the homepage of our learning platform. It is a single play GIF.
We are looking for a way to make the GIF clickable to play it again. Would anyone of you know how to achieve that using CSS/HTML?

Reply