How to create bloc code with scrollbars

[Proteus Six]

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 ?

[Sireesha Dugginapeddi [Appfire]]

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]

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'?

[Chris Thacker]

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;

[Kuniklocollective]

Our version of confluence has no Div macro, so as a work around, I had to insert my own div using an HTML macro:

1) insert an HTML macro

2) Add the following div text in the html with whatever styling needed: 

<div style="overflow: scroll; height: 300px;">

3) Insert the code block

4) insert another HTML macro with the div ending:

</div>

A bit cumbersome, but it worked.