Expandable panel with preview?

David Angelovich September 14, 2016

Is there a way I can get a panel with quite a bit of text that will initially display x lines of the contents, or the full text if expanded? 

I want to show command line commands/output, but most of the time only the first 2 line of the example are important - but displaying the 50-line output in full makes the page look messy.

The expand macro seems close-ish, but really not suitable. Ideally, I need an expansion of the noformat or code panels.

2 answers

0 votes
Milo Test
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
September 15, 2016

I had another idea. Use the show excerpt option of the Content by Label macro.

Create a page with the code, duplicating some of it in an Excerpt macro, and add one or more labels to the page:

image2016-9-15 13:22:47.png


image2016-9-15 13:21:44.png

 

Then on the target page, put the Content by Label macro in a Panel macro, add at least one label to search and select the option to display an excerpt:

image2016-9-15 13:37:24.png

The user can then select the code (even using the doubleclick ability of the code block macro, or click on the excerpt title ("Some code" in this case), to see the full code.

Another benefit to this method is that you can add instructional text to the code page and you can reuse the code page on multiple pages, and if you need to edit the code, it will automatically update on every page that includes it.

0 votes
Milo Test
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
September 14, 2016

You can certainly put the Expand macro within the Panel macro. You can even put the Code Block macro in the Expand macro. Though you can't really make only part of it show, you can change the "Click here to expand..." text to whatever single line of text you want, but it might not be clear that it's part of the code:

image2016-9-14 15:20:10.png

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events