Indenting a macro

[Ramsay Mayka]

Macros like Code Block and Info appear to always be aligned with the left margin, but I would like to indent them.

I have text that is formatted in indented paragraphs and I want to use the Info macro to highlight the next paragraph but it should keep the same alignment.

I am able to achieve something like this by defining a section and columns, but it feels like a hack. Are there other alternatives

[Peter Akey]

Working off @matthew's suggestion, I have found that just doing a DIV with an inline style works for me.

<div style="margin-left: 30.0px">

<codeblock>

</div>

P tags with the same style around code macros get stripped when saving your changes but the DIV tags don't.  At least not yet...that may change or your mileage may vary.

[Christopher Nielsen]

Thank you.  This works great.

[Mikael Mikkola]

How do you add a div on the page?

[Peter Akey]

Edit the "HTML" of the content by clicking the "<>" icon in the upper right and just type it in:

<div style="margin-left: 90.0px;">This is a div with a left-margin</div> 

[Mikael Mikkola]

A. I don't see such an icon. It seems like it would no longer be available in Confluence 5, and the https://marketplace.atlassian.com/apps/1210722/confluence-source-editor?hosting=server&tab=overview is unsupported. "It's unsupported because Atlassian has not had the time to maintain it. There are a lot of open bugs" https://community.atlassian.com/t5/Confluence-questions/Is-there-a-way-to-edit-the-raw-source-code/qaq-p/161318
https://community.atlassian.com/t5/Confluence-questions/HTML-Authoring-Tool-ability-to-edit-the-raw-html/qaq-p/146618

B. So a panel macro around the other macro is one option 
Make border and background colors #FFFFFF. Nest panel macros to get more indent. Unfortunately, you also get more space above and below, which is terrible.

C. Another option is the bulleted list (ht: Demsky). When I wanted a macro in the midst of a bulleted list, I even managed to produce it without a bullet by using shift-enter on the previous line and then creating the macro (e.g., expand).

[Kim Landis]

You can add a div by typing {div and then select it from the drop-down list of macros.

[Kim Landis]

And thanks Peter, this works for me!

[Deleted user]

I used a Section with a spacer Column:

• 

This is what it looks like:

• 

[Rolland_Vandersluis]

That was most helpful for the localized macro indents. It still blows my mind that Atlassian is so early 1990s about such basic formatting needs.  :-(

[Deleted user]

The "Answer" at the top of this Question is outdated.

This solution works perfectly with the current Confluence structure. Thank you!

[Michelle Rau good]

I was able to indent the "expanding text" macro by using a snippet of CSS as follows. This affects all the expanding text macros on the page.

.expand-control-icon {
  margin-left: 58px;
}

[Charlie Demsky]

What I've done is create the code block, create a bulleted list directly above the code block, copy/paste the code block onto the bulleted list, delete the original code block. Kind of hacky and it does add a bullet before the code block, but it works.

[KM]

Make a panel macro around the macro to be indented, like this:

this is code block text

(Set Border Color to #FFFFFF or white.) However, that produces 0,5" or so too much space above the macro (and slightly too little indentation for my purpose). Are there any better solutions?

Indent macro does not allow macros inside. Could somebody please write an Indent1 macro that does allow macros inside and either an indentation parameter or spaces before the Indent1 macro? Or better, the two macros suggested here: https://jira.atlassian.com/browse/CONF-38096

Anyway, Atlassian should allow macros like Code Block or Page Tree appear within text. That way I'd just need to add some spaces before them to get the indent. (also mentioned in https://jira.atlassian.com/browse/CONF-38096)

[Matthew J. Horn]

Any solution will be "a hack" if you're styling the output of a macro that does not take style parameters. That being said, there are some ways to achieve this without being too invasive. The primary way I would do it is define a custom style in CSS for the macros that you want.

For example, insert a Code Block macro in your page and then view the output. You'll notice that it's inside the following div:

<div class="code panel">

As a result, if you add something like the following to your CSS, you should achieve proper indentation:

div.code.panel {

margin-left: 100px !important;

}

[Ramsay Mayka]

Would your suggestion result in the all code blocks (within the space which uses the CSS) being indented by 100px?

Part of the problem as I see it is that the macro closes the current (indented) paragraph rather than inserting within the paragraph.