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; } } }

Custom layout leads to broken editor

unknown

We use the custom layout to add messages to a whole Confluence site to say that the server will have downtime at some evening. We have noticed today that including that breaks sometimes the layout of the editor. Here is an example:

1. Go to {{Administration > Layouts > Main Layout > Edit}}
2. Add there at {{## HTML body begins}} the following lines of code:

&lt;div style="color: #f33; font-size: 18px"&gt; This system (including Subversion, Q-Base and JIRA) will go down for maintenance reasons on Aug. 8th. at 18:00.&lt;/div&gt;

1. Go then to a normal page in the edit mode.
2. The editor buttons (Save and Cancel) are no more visible now.

Just to illustrate the problem, I have appended two screen shots of a small (but full functional browser window). Font size is 18px, and the moment the message goes to 2 lines, the buttons are gone.

Accepted answers

All comments

Thomas Schlegel

Hi Markus,

we create an Announcement Banner with Custom HTML (Look and Feel / Custom HTML / At end of Head) and Code like this:

&lt;div class="aui-message info"&gt; &lt;span class="svg-icon info"&gt;&lt;/span&gt; Your very important text.&lt;/div&gt;

Cheers

Thomas

unknown

Thank's a lot for that answer, but I don't understand what it will solve. We have the problem that when the custom HTML is too high, the buttons at the bottom will be moved below the visible part of the window. So yes, we don't have the problem , if the custom HTML is small enough, but that qualifies more for a workaround ... :-)

If I remember correctly, we had the same custom HTML (but for the whole site) with Administration > Look and Feel > Custom HTML, but withe beginning of the body. At the end if head (for something visible) seems just wrong.

Thomas Schlegel

hmm, just wanted to show you another way of creating the announcement banner. We never had a problem with "not visible buttons", even if the announcement banner is quite large. The larger it is, the more are the buttons moving down. But I think you don't create banners with so much text that it is covering the whole screen ;-)

unknown

Is there a good description of the editor? I know confluence, stackoverflow, ... but this editor does not work well for me :-(

Amalia

Please make sure that this code:

&lt;div style="color: #f33; font-size: 18px"&gt; This system (including Subversion, Q-Base and JIRA) will go down for maintenance reasons on Aug. 8th. at 18:00.&lt;/div&gt;

is added after the <body> tag, i.e. after this line:

&lt;body #onLoadAttr() id="com-atlassian-confluence" class="$!theme.bodyClass $!sitemeshPage.getProperty("page.bodyClass")"&gt;

unknown

Thank's a lot for the tip, I have checked it, we have already added the above div right after the <body> tag. So that is not the reason for the broken layout.

Amber LT

We are having the same issue. We use the Custom HTML to hold our company logo so it has to stay a certain size to legibility. Since there isn't a scroll bar on the page edit window the bottom of the page disappears.

Welcome!

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

Quick Links

Find more posts tagged with

confluence

custom-field

layout