Confiforms - How do I center a form on a page

[Matthew Martin]

I have defined the width of my embedded form manually and now would like it to appear centered on a page. Does anyone know the CSS that I need to apply to the registration control to tell it to do this?

Just to be clear, I don't want the content in the form centered (fields, text). I just want the form to display centrally on a page.

[Alex Medved _ConfiForms_ · Accepted solution]

This is really not something solely for ConfiForms to manage, as it uses the container you are placing it into.

Which means, you need to center the "container"

The easiest way is to use something like a "div" macro from content formatting plugin and adding some CSS styling.

To get something like (of course, it depends on the form itself - but you can see it is centrally aligned)

Hope it helps

Alex

[Matthew Martin]

Thanks Alex - I'll investigate building myself a div macro.

[Alex Medved _ConfiForms_]

Building a div macro using the user macro will not work for everything because of the bug in how user macros are rendered - our experience... (and yes, reported to Atlassian - https://jira.atlassian.com/browse/CONFSERVER-25507 )

See https://wiki.vertuna.com/display/VERTUNA/Div+container 

So it needs to be built either as a "real" Confluence plugin or some 3rd party used...

Alex

[Gilberto Cortes]

@Matthew Martin simple & effective way to center your embedded form on your page is to:

1. Add a section macro
2. Add 3 column macros inside the section macro
3. Configure the left-most and right-most column macro to have a width of 25%
4. Configure the center column macro to have a width of 50%
   
5. Place your Confiform Registration macro within the center column macro
6. Configure your Confiform Registration macro to have a fixed width (1050 was the size width I needed for my form. Your form's width may be different.)
   
   

[Brant Schroeder]

@Matthew Martin 

Can you share with me the HTML of the page, specifically just the html of the form and I will be able to give you the CSS.

[Matthew Martin]

Hmm - what's the best way to share it? It's about 800 lines.