Include CSS in confluence user macro

[Michael Schlueter _secunet_]

I have written an user macro in Confluence. The macro contains a modified css style

<style type="text/css">form.aui legend, form.aui .field-group>label, form.aui .field-group>aui-label {float: none !important; width: auto !important;} </style>

If a page with this macro is rendered in the browser 

the  .field-group>label is replaced by .field-group>label an therefore the style is not applied to the page. If I change the > back to > in the page source code everything is fine. Is there are to prevent this from happening?

[Maree Milne]

Hi Michael

I am having the same problem, did you find a resolution for this?

Cheers

Maree

[Michael Schlueter _secunet_]

Hi Maree,

unfortunately, we were not able to find a resolution for this.

Regards

Michael

[Bill Bailey]

Might help to post your macro code to get a better picture.

Generally, I don't like including CSS style inside a user macro because if you have multiple occurrences on a page, the page loads a duplicate style sheet for each macro.

A better approach is to just add your desired style to the Space CSS. This approach makes it easier to catch conflicts and debug issues.

[Michael Schlueter _secunet_]

Actually, the user macro does not contain anything else but the CSS. The reason is that we use the EasyForm macro on some pages. The default style of that macro is pretty ugly and we want to change the CSS to make it nicer.

I could do this in the space CSS, but I'm afraid that it will have bad side effects on other pages/macros, too.

[Bill Bailey]

Understand. Usually these macro also have some special/unique classes to help prevent styling walking over each other.

The safest way to move forward is to either set up a test space, or a development server and just test it out.