How to create bloc code with scrollbars

Proteus Six February 20, 2019

Hi everybody,

I found How to insert a code block {code}{code}, but the problem that is if you have to paste a large sample of code you have to cut it into a few blocs and sometimes it has to be a little bit annoyed.

Is it possible to create a code block like a panel with scrollbars ?

2 answers

2 votes
Sireesha Dugginapeddi [Appfire]
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.
February 20, 2019

Hi @Proteus Six,

Yes! You can insert your code block into a div macro (Menu > Insert more content > Other macros > Formatting > div). In the style parameter of div macro, insert this -

overflow: scroll;

However, this would be needed if you set your div size (Your code block in turn) to a fixed height (min-height: 200px; max-height: 300px;). If not, the div takes the height/length of the code.

Hope this will work for you!

Thanks

Sireesha

Philip Rubins August 16, 2021

Where can I find 'menu' in my Jira ticket? There are several Hamburger buttons and Menu options on each Jira ticket. Can you be more specific on how how to find 'Insert more content'?

0 votes
Chris Thacker January 17, 2023

Adding to the suggestion given, you can further stylize the css by specifying the size (width/height), border color, border type, etc.

 

Here is one example:

overflow: scroll; height: 300px; border: double; border-color:navy; border-width:5px;

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events