Best Answer

Hide 'score' field in External Training

  • 2 February 2024
  • 5 replies
  • 76 views
A

Hi there,

 

Does anyone know of any CSS that will hide the ‘Score’ field in the ‘Report External Training’ page?

 

Thanks in advance to anyone who takes the time to respond.

icon

Best answer by gstager 5 February 2024, 14:45

View original

5 replies

gstager
Rank
Userlevel 7
Badge +5

Are you referring to this field - shown below?

 

If so - try this.

Be sure to test other areas to make sure there aren’t any conflicts.

/** Hide the score field on external training form **/

#edit-activity-form > div:nth-child(7) {
    display:none;
}

/** End Hide the score field on external training form **/

 

Greg
Bfarkas
Rank
Userlevel 7
Badge +3

Be careful there, using child counts is in the more risky category of CSS modifications, normally if you make a CSS change and a selector changes things just show again, not the end of the world, just not doing what you desire. In the case of child counts, when Docebo makes a change, the wrong thing will hide and folks tend not to notice for a while as well as losing functionality possibly.

The below should accomplish the same but selects the actual object so should be safer:

.control-group:has(#TranscriptsRecord_score) {
display:none;
}

 

A

Thanks for the advice @gstager and @Bfarkas. Much appreciated 😊

gstager
Rank
Userlevel 7
Badge +5

Nice application of the  :has  selector, @Bfarkas . I have used it before but I think I have forgotten about it more often since it first came out not super long ago.

Greg
Bfarkas
Rank
Userlevel 7
Badge +3

Ha, same! Honestly it’s only because of Docebo’s not great semantic structure that I have really started using it, it’s almost a go to now!

Reply


Terms & ConditionsCookie settings