Skip to main content
Best Answer

CSS to change course/descriptions to be showing all by default


Forum|alt.badge.img

Hi, does anyone know of any way in which you can set the course or session descriptions to always be showing the whole thing by default. For example, on the below it always starts on the show more button whereas it would be better to have it start on show less.

 

Best answer by Bfarkas

Ah, ok, so we must have some diff settings arranged as mine never looks quite like that, but I don’t think it matters. On the old course player (and I just checked and it seems the same as the new course player) the problem here is that Docebo uses scripts to basically insert that content (circled in green below) the first time you click to open it on the page, until that click action it simply does not exist on the page, so you can’t use CSS to show something that does not exist. We would need a script to basically trigger the show action on page load to get around it.

 

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

5 replies

JeanetteMcVeigh
Hero II
Forum|alt.badge.img+5

Tagging @Bfarkas...any suggestions?


Bfarkas
Hero III
Forum|alt.badge.img+5
  • Hero III
  • 3582 replies
  • March 6, 2024

hey - I can’t seem to mirror that exact view, any details on it would be helpful to prove this out for sure (native page, custom page with widget, which widget, old/new players?)

That being said, generally this is not possible in Docebo. HTML is the content/structure, CSS is style, Javascript is action/interaction. We tend to abuse CSS to get around things in Docebo, but sometimes theres nothing to work with. In past investigations for these types of things the problem is that the content/structure/data literally tends not to exist on the page until after you click the more button the first time, its not just hidden, its literally not there. Without being able to write a script to basically pre-interact with that on page load, there is not much to do.

Again, not saying I looked at this specific one and saw that, just historically is what happens, if you can point me to how to replicate the view you are showing, can look closer.


Bfarkas
Hero III
Forum|alt.badge.img+5
  • Hero III
  • 3582 replies
  • March 8, 2024

This ones been bugging me this week, @LauraHelena any guidance on the screenshot so i can see if I am wrong above :)


Forum|alt.badge.img
  • Author
  • Contributor II
  • 15 replies
  • March 12, 2024

Hi @Bfarkas This is on a native ILT page in learner view once they’ve enrolled, currently on the old player, but noticed that it still doesnt show a lot when I’ve tried the new player too. 


Bfarkas
Hero III
Forum|alt.badge.img+5
  • Hero III
  • 3582 replies
  • Answer
  • March 12, 2024

Ah, ok, so we must have some diff settings arranged as mine never looks quite like that, but I don’t think it matters. On the old course player (and I just checked and it seems the same as the new course player) the problem here is that Docebo uses scripts to basically insert that content (circled in green below) the first time you click to open it on the page, until that click action it simply does not exist on the page, so you can’t use CSS to show something that does not exist. We would need a script to basically trigger the show action on page load to get around it.

 


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