Define new dashboard section widths

[Chela Wallace]

We recently migrated to Confluence 5.10.9. How do I change the width of the two left default sections, specifically, the middle one, which is too wide?

We have content to the right of it and would like to also manually add in the Recently Updated Dashboard and Favourite Spaces tab macro (https://confluence.atlassian.com/confkb/how-to-add-recently-updated-dashboard-and-favourite-spaces-tab-in-confluence-5-9-x-and-above-873861076.html), but doing so causes the display to be too compressed on the right side.

Also, is it possible to put our Welcome message on the far left and have the other two default sections display to its right?

[Sattesh M · Accepted solution]

Hello Chela,

This should do. Let me know if it works for you.

div.dashboard .dashboard-group.left {
width: 10%;
}
.aui-page-panel-content.content-body {
width: 25%;
}

.aui-page-panel-sidebar.content-sidebar {
width: 75%
}


div.dashboard .dashboard-group.right {
width: 65%;
}

/* CONF-28415 */
form.editor .editor-default,
.editor-fullheight {
height: 100%;
height: auto\9; /* IE8 */
}

#forgot-password {
display:none;
}

Cheers,
Sattesh 

[Chela Wallace]

Thanks, this does work; I appreciate your help!

[Sattesh M]

Hello Chela,

If you are referring to the main dashboard page, you should be able to expand the left sidebar by pulling it, and making the middle section smaller.

Do you have the option on your Confluence instance?

Do let me know if you have any questions.

Cheers,
Sattesh

[Chela Wallace]

I'd like to expand the Welcome message section to be wider, so that it doesn't wrap (not expand the left section). Ideally, the left section would be the smallest, followed by the middle section and then our Welcome message. Is that possible?

[Sattesh M]

Hello Chela,

Could you try using this on the Global Stylesheet and see if it makes the desired changes.

• (ConfluenceBaseURL)/admin/editstylesheet.action

.aui-page-panel-content.content-body {
 width: 55%;
}

 You can reduce the 55% to anything lower, to reduce the middle section's width, and reduce the left panel's width just by sliding it around.

Do let me know if this helps! :)

Cheers,
Sattesh 

[Chela Wallace]

This helps make the middle section narrower, but I can't seem to make the right section wider. Here's my current global stylesheet; which parameter controls the right-most section (where the Welcome message displays)? Even though I have .dashboard-group.right set to 65%, it isn't any wider than before.

div.dashboard .dashboard-group.left {
width: 10%;
}
.aui-page-panel-content.content-body {
width: 25%;
}

div.dashboard .dashboard-group.right {
width: 65%;
}

/* CONF-28415 */
form.editor .editor-default,
.editor-fullheight {
height: 100%;
height: auto\9; /* IE8 */
}

#forgot-password {
display:none;
}