HTML & CSS

I work for a casino and we have built our own web app that simulates poker hands. We want to iFrame it into our Docebo platform. I was wondering if there is a way to pass the credentials of the signed in Docebo user directly to the iFrame so they don’t have to sign in again once they select the iFrame page? I tried looking through the documentation but I haven’t found anything yet.

#doc-layout-internal-header > div.internal-header-main-elements > div.internal-header-user-menu-button.ng-star-inserted > ui-button-icon::after{ content: "MENU"; color:#888; font-size: 0.92em; text-align: center; font-weight: 600; top: -6;}#ui-button-icon-3 { bottom: -8;}/* add text "menu" to hamburger menu */Having minor spacing issues - pretty sure my text-align does nothing

We are soc2 audited and are failing to meet requirements of having a completed by or due date for courses and learning plans.  The soft deadline does not work as you can only select a date, selecting a timeframe such as 60days would be more beneficial, some of our courses are assigned by start date or when a person moves to a new role so the soft date has expired before they are even enrolled into the course. I have worked with a few LMS systems and this is the first system that does not have a completed by date. 

Hi friends!I’ve been trying to do this for 2 days now to no avail haha I come from a retail business and there are ‘compliance’ courses that team members must complete. We have them catagorised in catalogs. We are currently redesigning the team member home page, and using the task list to show courses ‘not started’ and ‘in progress’ but I want to be able to distinguish the courses with a badge (new to the language) that says ‘compliance’. Is something like this achievable? I was able to get the wording on every card, but not able to target specific cards via catalog. Hoping the community can help! Thank you!

Has any company partnered with a 3rd party vendor for HTML/CSS?  We would like to get some quotes regarding a redesign through the use of HTML.  

Like a few others here, I’ve been concerned about the ability of users to invite an entire channel’s user base to view an asset, but seem to have found a CSS fix.ProblemI’ve altered our language pack to remove any reference to inviting a channel, but the search box still returns channel results, e.g. if searching for someone called ‘Sofia’, typing ‘sof’ will autocomplete to our global ‘Soft Skills’ channels with thousands of users…BEFORE Solution /* AM - Prevent invitations to all channel users */.inviting-search-multiselect .text-basic-size:has(.additional-info){display: none!important;}.inviting-search-multiselect being the search bar on the Invite pop-out .tex

Good day everyone!I’m looking for the css code to change the sign-in window to have rounded corners.Thank you for your attention.Caesar

Hi, I watched a Docebo webinar where someone had used the HTML widget to translate the English content into multiple languages, once the user selected their language embedded into the widget. Can anyone help me in terms of how to do this? I currently have 14 dashboards in different languages it would be great to find a simple solution where I I can have one dashboard that translates the content into  a users selected  language. 

Hello, has anyone else used an HTML developer for Docebo other than GuyKat?  Any other recommendations from anyone?  Trying to get a flavor for the possibilities.  Thank you. 

We would like to update the “Whoops” text when there is no longer training assigned to a learner. However, when I go to the Localization tool to change the language, I see 3 options: Flow, Mobile, and Standard.  I’m assuming I know what Mobile and Standard are, but what is Flow? What will be impacted when I change that language? Thank you!

I am looking for CSS to Hide the Internal Header Logo, which is to the right of the hamburger menu. Any suggestions would be much appreciated. Thank you. Sheralynn

If you’re only using one single language to train your users, you may want to hide the redundant language code you see on course cards (see below):   Just insert this code on your Custom CSS to hide the language code:/* ************ *//* Language tag *//* ************ *//* Removes 'Language' from widget tiles and catalog tiles */.ui-card-language,.ui-card-separator,[data-cy="formal-content-language-code"],[data-cy="formal-content-language-code-accessible"],.ui-list-item-language,.ui-list-item-separator,.course-catalog-content .ui-card-language,.course-catalog-content .ui-card-separator,.course-catalog-content [data-cy="formal-content-language-code"],.course-catalog-content [data-cy="formal-conten

Hi Everyone, So we’ve enabled users to choose their own timezone (just so we can import timezones into the user profile using HR Management) - but they would still have the option to change this in ‘My Profile’ under ‘Preferences’. So I’ve used CSS to remove the ‘Preferences’ tab - however, there is an annoying pop-up that asks if I want to change my timezone (i.e. if I, in South Africa login as a user in USA - where USA timezone is set on their profile, the pop-up will say: we’ve noticed you’re in GMT+2 timezone, do you want to update) Does anyone know how I can remove this pop-up?  

Hello,I did not find an answer - does anyone know how to change the textfield colors of the course status displayed in the My Activity page via CSS?I managed to modify them at most of the other places, but am failing here.Thanks  

It is possible to have CSS or HTML use colors from the “Configure Branding” menus?  We have a number of Extended Enterprise sites and have started to experiment with some custom buttons in CSS/HTML that I found here in the community.  The issue is that these all have button colors in the CSS, and while I could change change that for every site, I was hoping there was a way to just have it pick up the existing color scheme.

My client has items in the platform they are not launching with or will not be using.  They would like to hide those items on the Users Personal Summary/Transcript.  Those Items would be Badges, Social, Q&A, Share and Asset Rank.  Has anyone done this or something similar before using CSS to hide these items.  Any suggestions would be much appreciated.  Thank you.

Hello Docebians. I have found a few elements that have me stumped to hide when looking at External Training.  I have used CSS to hide table elements in other areas, but the logic does not seem to apply equitably here.  In External Training, we have setup a flow where “Rejected” entries are sent to a Waiting for Approval area.  On this screen, they have the ability to review and Approve or Permanently Delete the record.  We do not want our users to Permanently delete records.  I’d like to just hide the column or the entire class of delete-action.  But I am hitting walls.  Can anyone help with CSS that will hide the Delete Action class?  I tried:!--scriptorstartfragment-->body.waiting-approval-page a.delete-action {  display: none; }

The chevron icons in our breadcrumb bar have become offset, but I’m unsure how this happened. I haven’t changed the CSS on it directly and can’t figure out if anything is overriding it.I have been trying to alter it all day with CSS, and I can get it back in place while using inspect on the page, but when I inject it into the CSS area nothing changes. I have tried so many different configurations to get this back where it should go I’m losing my marbles a little bit. ANY help is appreciated! 

Hi - I’m looking for some help with customizing a catalog widget I’m using to serve up some learning plans on a page.  I’m trying to reduce the overall vertical height between the “Enroll in Partner Onboarding” title and the green learning plan cards below it - probably by about 10 pixels.   I’ve already the search bar that’s built into the widget and the resource count label with the following CSS:  /* removes the categories filters and search bar from the partner onboarding plan widget */#doc-widget-1621 .ui-data-browser-controls-bar {    display:none !important;}/* removes text showing number of resources in the widget */#doc-widget-1621 .course-catalog-total-count {display: none;} When I ins

Hello, does anyone know of a clever way in which to change the standard page icon images?We want to use our company logo for our homepage, this is what we use at the moment. 

We’re currently running some custom code to round the corners of widgets. It’s working for all full-size widgets and one-third sized widgets. However, it’s not working for two-thirds widgets -- I’m trying to upload a two-thirds banner and the sharp corners starkly contrast with all the rounded corners. Here’s the CSS we’re currently using to round the corners:/* Make all widgets border rounded*/.pages-widget-page .single-widget *:not(.title):not(.ui-carousel-title):not(.ui-text-link):not(.ui-card-title):not(.ui-typography-heading-5):not(.subtitle) { border-radius: 10px;}Any thoughts? 

Hi All!We want to put our department email in the footer of the homepage, is there a way to edit or add to the “Powered by Docebo” text that currently exists there? I’m sure CSS is needed to do this, but don’t know where to start, I’m not great with that stuff :/ 

I can’t for the life of me figure out why Not Started tags show as #004e72 background (blue) but In Progress and Completed show as Black. Any ideas? Thanks!   

Hey, Our platform has been very stable for quite a while layout wise, we haven’t had to make any css changes for months. Today however, the layout of our header spontaneously changed without our custom CSS changing.  Is anyone aware of any platform changes that would have caused this?  We have this line in our custom css which USED to push items down below our header, but now it doesn’t seem to do anything.#doc-layout-page-content{    margin-top: 84px!important;} I have done a comparison on an old page that I had loaded, cached with the old layout, and on comparing t

Hi everyone,I am designing a page that has 3 areas on it depending on what a learner wants to do (attend an ILT, sit on demand eLearning or browse resources).  I am wondering if there is a way to hide the search / filter / sort bar so that there’s not a huge gap between the custom image and the courses appearing:Is this even possible?