MediaWiki

56 readers

1 users here now

founded 1 month ago

MODERATORS

cm0002@lemmy.cafe

cm0002@sh.itjust.works

How to make a collapsed bullet list (not table or discussion), with an "Expand/Show" button? (piefed.social)

submitted 3 weeks ago* (last edited 3 weeks ago) by klu9@piefed.social to c/mediawiki@lemmy.cafe

4 comments fedilink hide all child comments

#Mediawiki

Similar to this on Piefed/Lemmy

Title of bullet list

item
another item
yet another item

you are viewing a single comment's thread
view the rest of the comments

[–] lens0021@programming.dev 2 points 3 weeks ago (1 children)

I never thought of this before, but you can achieve this with raw HTML tags. The manual: https://www.mediawiki.org/wiki/Manual:Collapsible_elements An example: https://www.mediawiki.org/?oldid=7943916. This is jQuery way because the tag is not supported yet. (https://phabricator.wikimedia.org/T31118)

[–] klu9@piefed.social 1 points 3 weeks ago (1 children)

Thanks!

Is this the relevant code?

<div class="toccolours mw-collapsible mw-collapsed">
This text is not collapsible; but the next is collapsible and hidden by default:
<div class="mw-collapsible-content">{{Lorem}}</div>
</div>

And presumably the bulleted list would also have to be done HTML? (Racks brain trying to remember things from the 90s :D then just Qwants it)

 <ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

[–] lens0021@programming.dev 2 points 3 weeks ago (1 children)

I've come up with a better idea. Try this

<div class="mw-collapsible mw-collapsed">
Title of bullet list
<div class="mw-collapsible-content">
* item
* another item
* yet another item
</div></div>

[–] klu9@piefed.social 1 points 3 weeks ago

That works! :)

Only thing is, on a laptop screen, the Expand button is all the way across the screen from the list title. But not a deal breaker.