It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

Include Page Macro: how to size the displayed image

Is there some way to control the size of the image/panel when using the "Include Page" macro?  It appears giant on my page...would like it smaller with scroll bars.

1 answer

0 votes
Diego Atlassian Team Aug 30, 2019

Hey there, Scott!

Being pretty straightforward, the Include Page macro has no native width or height controls. 

This is due to the nature of our macro. It aims at the complete inclusion of pages within other pages. 

We do, however, have a workaround for that. Here is how:

  1. Create a new page
  2. Insert a Section Macro
  3. Insert a Div Macro within the Section macro
  4. Insert the Include Page Macro within the Div Macro
  5. Edit the Div Macro
  6. Search for the Style text box
    1. this box is used to include CSS styling to the macro
  7. Type width: 100%; height: **px
    1. replace ** with the desired size, such as 100px
    2. size in CSS can be measured in pixels, which is what pc means
    3. having the width at 100% will have our page occupy all available space horizontally
  8. Save the macro
  9. Publish page

Here we have some screenshots of how it looks like in edit mode and in view mode:

View

Screen Shot 2019-08-30 at 16.01.00.png

Edit

Screen Shot 2019-08-30 at 16.01.19.png

 

Scott now comes the explanation of why and how this works.

Using the Div Macro by itself does not work because the size limitation is not applied solely to the macro within it. All the page after the div macro is affected by the height parameter. 

Adding the section macro limits the range of action of our div macro. With this enforced range, we can safely apply the height parameter to our div macro and the rest of our page will work as expected. 

This will add scroll bars vertically so users can scroll the whole page content.

 

Let us hear from you Scott. Looking forward to your reply!

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Published in Confluence Cloud

Bring information from GitHub into Confluence

I’ve got a couple of questions for you. Do you write technical documentation? What about technical documentation that references code and files from GitHub? In this article you will learn how to in...

32 views 0 3
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you