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

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

Avatar

1 badge earned

Collect

Participate in fun challenges

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

Challenges
Coins

Gift kudos to your peers

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

Recognition
Ribbon

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!

Leaderboard

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
4,456,277
Community Members
 
Community Events
176
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!

Thanks

Sireesha

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
TAGS

Atlassian Community Events