Collapse an element

[luodan]

Hi there,
Is there an option to collapse specific elements? Sometimes a section or block of code is too large and I expect that by default in the output html page it is collapsed and the user can click to open it.

[cosmin_andrei]

Hello,

We already have a feature request logged in our internal tracking system to add this functionality in a future version, so I've just added your vote for it and we will notify this thread when/if a new implementation becomes available.

[luodan]

OK, thanks, looking forward to this new function.

[InspectorSpacetime]

Just mentioning...

The DITA Bootstrap plugin lets you create collapsible elements.

And of course with Oxygen WebHelp, sections that have a title are automatically transformed into collapsible sections that can include codeblocks or other elements.

[lmimbor]

Hi
Has there been any progress in implementing the collapsible element mentioned in the original post?

Rgds

[julien_lacour]

Hello,

The collapsible elements implementation is still under development and not available yet.

But the WebHelp Responsive plugin uses Bootstrap under the hood so it is possible to add the correct attributes and change their values dynamically to obtain a collapsible behavior on an element: https://getbootstrap.com/docs/4.6/components/collapse/

You can create a publishing template and using XSLT or JavaScript add the attributes so the content will be displayed collapsed and a button can expand it.
For more information you can check the following topics from our user guide:

• XSLT-Import Extension Points
• How to Add a Custom Component for WebHelp Output
• How to Insert Custom HTML Content

Regards,
Julien