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,298,096
Community Members
 
Community Events
165
Community Groups

Section scrollbar when using a page include

When I use a include page macro in a section, the page shows a horizontal scrollbar to the section.

This does not happen to include page macro when not using sections.

Is there a way to get rid of the scrollbar? Because I need sections for page layouy 

5 answers

I've tentatively added the following CSS snippet to the global stylesheet under /admin/editstylesheet.action and it seems to work fine:

 

[data-macro-name="include"] { width: 99%; }

Good to know, but sadly, styling is not possible in Confluence Cloud. :(

THANK YOU FOR THIS!  That helps a lot.

Adding where to go in a space if your not a global admin or have access to the global stylesheet.

Go to Space Tools > Look and Feel > Stylesheet
Then click Edit, and add the code above. 

Worked like a charm for me!

Like AleGsander likes this

The CSS works great!

The only problem is that in Edit mode, the macro becomes HUGE.

So you probably want to keep this at the page or space level, and make sure that users are aware that Include page is special.


Includepage.png


Update:

The macro displays as huge when using the space's Stylesheet.

When using the (Adaptavist) CSS macro on the page where the Include page macro is located, it behaves normally (and does not show the unwanted horizontal scrollbar).


CSSmacro.png

Same here. It's made page includes unusable for us.

This looks like a bug, i'm experiencing it in latest version and it's pretty annoying

We are facing the same issue here. Is there any bug fix request for this? 

0 votes
Thomas Schlegel Community Leader Sep 05, 2017

Hi Viktor,

the horizontal scrollbar is there because the width of the included page is bigger than the width of the section. 

You can't disable that. If you would, you will lose content from the original page.

Have a look at your original page. Add line breaks and use smaller images, so that your page is smaller. If it is small enough to fit into your column, the scrollbar should go away.

Thank you for your reply.

I understand what you are saying, but the problem is a little more complicated.

A section takes up a little space, even when it is an single column section, for that reason all my pages that are included are using sections (or else they do not align).

So if I include them in my main page without a section in the main page all goes well.

Now the difficult part starts, if I now use an section in the main page use some column, in a different part, the single column section that contains the page-include now automatically adds a horizontal scrollbar, this because the extra (unnecessary) room needed for the section.

I understand what causes the problem (although I’m not too happy about it) but I do not like the work around that I’m using (not using sections in the main page). It provides my editors with overhead that is unnecessary.

So I was hoping there was a more straightforward solution. Or maybe I'm understanding the problem completely wrong (I really hope so)

Indeed, I have the same problem. I'm trying to build a page made-up of smaller pages, for re-use.

Each of the micro-page is like a single item, made-up of a single section of two columns (description on the left, code example on the right).

But in the main page, i have to use sections to correctly format and align various sections, and then list a few of the micro-pages.

I think the quick solution (as a new feature request) would be for the included page to replace the single column section it is declared into, thus eliminating the need for the scroll bar in the containing section.

I created a feature request for this.

Link to Feature request

It is not strictly true that the scrollbar only appears if the included page is wider than the section.

 

If the included page has sections of any kind, the scrollbar appears. 

The screenshots I've attached demonstrate that the amount of content on the source page is irrelevant...if it has sections.

 

Scenario 1 - source page has multiple sections

My source page with very little content.Page with sections.png

The page that has the include page macro gets a scrollbar in the section containing my source page.

Included Page with Sections (has scrollbars).png

Scenario 2 - source page has only one section

Here my source page has the exact same content, but only in one section.Page without sections.png

Now, the section of the page with the "include page" macro does not get a scrollbar.Included Page without sections (no scrollbars).png

Same Problem Here..

I am setting up a Wiki, where on each page i put in the top of the page some infos for the users and a further pagetree macro.

 

I try to create a "Masterpage" whith those content an i want to reuse it on all the following pages with the page includ macro..  This would be handy, because the information at the Beginning is not complete and maybe in the future has to be updated.. 

 

This would mean i have to go through all 200 pages of my Space and replace the infos by hand..

 

but with the page include macro i could do this i a secound..  and all pages would change simultaniously.. 

 

But now with the scrollbar. this aproach doesnt work.. 

 

so please improve it.

Same problem here...

I include a page with search-macro and help-links into several other pages.

If the including page is divided in sections the scrollbar appears - irrespective of the width of the contents.

So please ATLASSIAN improve it.

I am experiencing this same issue. An unnecessary horizontal scrollbar appears when there are multiple sections in the included page, even when all column widths match and when no images exist to expand the width.

Suggest an answer

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

An update on Confluence Cloud customer feedback – June 2022

Hi everyone, We’re always looking at how to improve Confluence and customer feedback plays an important role in making sure we're investing in the areas that will bring the most value to the most c...

148 views 1 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