Forum Discussion

JasonLundrigan's avatar
JasonLundrigan
Guide
5 years ago

Using the Expanding Content Styles

Hi Community, We're trying to create our own custom Help page in our community. That is a lot of text, and we'd like to make it similar to the built-in help page with the expanding text for the sect...
  • Fellsteruk's avatar
    Fellsteruk
    5 years ago

    Hey, 

    You can achieve this with a little dev, we have accordions, show/hides whatever you want to call them. You can see them in our email setup article, if you scroll the bottom.

    The html markup is really simple, we actually have these standardised as a "layout" in our wysiwyg the using CSS etc they are styles to look how they do in the article, feel free to review our content/code used. 

     

     

Fellsteruk's avatar
Fellsteruk
Boss

Yeah we have some custom css and JS for the accordions we also have modal windows which can be another nice way to display content and use the same process. 

JasonLundrigan's avatar
JasonLundrigan
Guide
5 years ago

I did a Google search and found the following article:

https://www.w3schools.com/howto/howto_js_accordion.asp

It was... absurdly easy to plug the samples into one of the custom content entries and customize them.

Now to do some testing to make sure I'm not breaking anything, then it's time to start writing. A lot of writing.

Thanks for your help!