CSS to change course/descriptions to be showing all by default
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.
Page 1 / 1
Tagging @Bfarkas...any suggestions?
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.
This ones been bugging me this week, @LauraHelena any guidance on the screenshot so i can see if I am wrong above :)
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.
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.