Skip to main content

What can I find in HTML & CSS?


erin.brisson
Docebian
Forum|alt.badge.img+2

Welcome to the HTML & CSS Category!

 

This post explains the purpose and themes within this category.

 

What is this category about?

The HTML & CSS category is all about sharing code snippets to help others accomplish the nice little hacks and workarounds that are made possible by Custom Styles and HTML pages & widgets in Docebo Learn. You can accomplish a lot with these customization options, but we encourage you to test these changes thoroughly in your sandbox or through the inspector in your browser, as often times these edits can cause unintended consequences that may lead to a negative experience for your learners.

 

What can I do here?

Share your examples of custom code or ask questions related to custom HTML & CSS.

 

Please be thorough when sharing your code so that it’s easy for others to understand and replicate. When sharing a post in this category, please include at least the following:

  • Description – what does this code accomplish and what does it impact in the platform?
  • Problem solved – what problem exists that this code helps solve? Are there other ways to solve it as well?
  • Screenshots – show a before and after of what this code impacts so other users can visualize the changes before testing it themselves
  • Code snippet – share the snippet of code using either of the code formatting options available in the community text editor. Be sure to add clear comments in the code to make it easy for others to understand what each section impacts.

Check out how to format code in Community posts by checking out the following guide: 

 

Important: Docebo does not offer custom code support and cannot offer assistance with the implementation of custom code, nor with the adverse affects that using custom code might cause in your platform. Your customized CSS could be affected by new releases. In this case, any backward-compatibility with your code is not guaranteed.

We recommend working with a professional web developer to assist with your custom code. Always test your code in sandbox or your browser inspector before applying it in your production environment.

 

Just getting started with custom CSS and HTML? Check out the following Knowledge Articles to get your feet wet:

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

steveninfinger
Helper III
Forum|alt.badge.img+7

Solid idea to have this as its own section! 


Adam Ballhaussen
Guide III
Forum|alt.badge.img+4

@steveninfinger totally agree! Kudos goes to @lrnlab for the idea and the request.


lrnlab
Hero III
Forum|alt.badge.img+8
  • Hero III
  • 4873 replies
  • July 26, 2021

Thanks for the great introduction @Adam Ballhaussen 


  • Novice III
  • June 28, 2023

But HOW do you get “your hands into the dirt to garden”? - Where do the .htmls and .css files live? How do you get to them to DO all this wonderfullness? Create a(n) “html” training material?

Because of Before Before Times of uploading files to a directory on a web server via FTP, combined with the shuttering-lack of allowance to do exactly this in my Co.’s previous LMS. I don’t see how else you get to access the code files!

It is this and subsequent community posts where y’all are going “just use [this .css] file”, and others reply “okay, thanks!” - I feel like I should already know, or be able to figure out where to get/put the actual file, and. I. just. can’t! (enter Shame Wizard)

So hopefully laying bare will reveal the magic words. I bow to your knowledge, and thank you very much (in general/ as a Community) for being awesome.

 

A

 


lrnlab
Hero III
Forum|alt.badge.img+8
  • Hero III
  • June 28, 2023
Alison wrote:

But HOW do you get “your hands into the dirt to garden”? - Where do the .htmls and .css files live? How do you get to them to DO all this wonderfullness? Create a(n) “html” training material?

Because of Before Before Times of uploading files to a directory on a web server via FTP, combined with the shuttering-lack of allowance to do exactly this in my Co.’s previous LMS. I don’t see how else you get to access the code files!

It is this and subsequent community posts where y’all are going “just use [this .css] file”, and others reply “okay, thanks!” - I feel like I should already know, or be able to figure out where to get/put the actual file, and. I. just. can’t! (enter Shame Wizard)

So hopefully laying bare will reveal the magic words. I bow to your knowledge, and thank you very much (in general/ as a Community) for being awesome.

 

A

 

you cannot load your own css files, you can only override the settings by adding additional CSS code under the Configuration and Branding app > Custom Styles.


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