Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

Earn badges and make progress

You're on your way to the next level! Join the Kudos program to earn points and save your progress.

Deleted user Avatar
Deleted user

Level 1: Seed

25 / 150 points

Next: Root


1 badge earned


Participate in fun challenges

Challenges come and go, but your rewards stay with you. Do more to earn more!


Gift kudos to your peers

What goes around comes around! Share the love by gifting kudos to your peers.


Rise up in the ranks

Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!


Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
Community Members
Community Events
Community Groups

How to create bloc code with scrollbars

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

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!



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

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

Atlassian Community Events