nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to show more children in sidebar?

Marcel Plomp (inactive)

We've just installed Confluence 5.0 and we are using the Global Look and Feel for most spaces.

If a home page has a lot of children, the sidebar shows just a few for instance 4. If you want to see more children you have to expand the option "5 more children".

How can I increse the number of children to 8 (or any other number) that is shown when viewing the homepage?

The same applies for child pages with more then a few children.

Accepted answers

CharlesH1

The following javascript (jQuery) statements will show all the children and hide the link that says "x more children":

AJS.$('ul.more-children').show();
AJS.$('a.more-children-link').hide();

How you embed this in your pages is up to you. Ideally you would want this on every page, so maybe the Custom HTML option in the Confluence Admin screens would be the best option.

All comments

CharlesH1

One quick solution - switch to the Documentation theme. It will show all child pages by default.

Marcel Plomp (inactive)

I know, but using the Documentation theme is not wat we want.

CharlesH1

The following javascript (jQuery) statements will show all the children and hide the link that says "x more children":

AJS.$('ul.more-children').show();
AJS.$('a.more-children-link').hide();

How you embed this in your pages is up to you. Ideally you would want this on every page, so maybe the Custom HTML option in the Confluence Admin screens would be the best option.

Marcel Plomp (inactive)

This was very helpfull. THX.

I've implemented the following in the Custom HTML option , at end of the body:

CharlesH1

You should really make the sure the elements you want to modify have been loaded before executing the show/hide statements. Wrapping those lines with the following code will do the trick:

AJS.toInit(function(){
    &lt;your code here&gt;
});

Reference: https://developer.atlassian.com/display/CONFDEV/Confluence+UI+Guidelines

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

confluence-administration

side-bar