Skip to main content

"Lesson completed successfully" toast/banner for HTML training materials (new player)

  • November 4, 2024
  • 2 replies
  • 60 views

elamast
Hero I
Forum|alt.badge.img+7

With the new player I was having a difficult time hiding the “lesson completed successfully” banner that pops up when you enter an HTML training material.  It’s not there for very long, but I think I figured it out.

If you don’t like messing with CSS, you can go into the Localization tool, search for “Lesson completed successfully”, and remove the verbiage there by substituting a space for the existing text in red below:

standard The lesson has been completed successfully

Lesson completed successfully

 

If you can/want to change the CSS, this code did the trick for me:

/* hide the player/toast banner */

.dcb-ui-toasts-container-botton-center {

    visibility: hidden !important;

    display: none !important;

}

 

2 replies

kmoede
Novice III
Forum|alt.badge.img+1
  • Novice III
  • November 4, 2024

Interesting… is that standard item being used for anything other than HMTL content? I’m nervous about messing around in localization but we are trying to remove that pop-up!

 


elamast
Hero I
Forum|alt.badge.img+7
  • Author
  • Hero I
  • November 5, 2024

Interesting… is that standard item being used for anything other than HMTL content? I’m nervous about messing around in localization but we are trying to remove that pop-up!

 

The localization change is the easiest, but it doesn’t get rid of the pop-up.  It just removes the text so it’s more ambiguous about why it popped up.

The CSS solution is a bit better, but you may have to do some experimentation.  This is the particular item I targeted.  You could try one of the others to see what works best for you:

I did notice I had to clear my cache to see the changes.