This is the documentation for ConfiForms Server/Data Center appHowever, this might also work for ConfiForms cloud and in most cases it does. But please see this page to understand the differences between server and cloud versions of the ConfiForms app.
When you create a ConfiForms Form with custom layout forms and would like to use the ConfiForms Fields together with their labels you are quite often have an issues with labels alignment (as labels are of different length)
And you have something like this
which does not look very nice...
Using HTML macro
With a simple CSS rule like this
Using space tools
If you don't have an HTML macro enabled in your Confluence server then you can define the CSS on for your Confluence space
(You need to be a Confluence space administrator)
Go to space tools and select "Look and Feel" → "Stylesheet"
And add the CSS style for ConfiForms label (you don't need to put <style></style> tags)
You can easily fix your layout to be much nicer
My playing with "width" attribute you can make the label take more or less space and align the fields better
You can also align your field's labels to be aligned on top with small addition to the CSS rules mentioned
Of course you can have alternative styling as you like... for example to make the labels wider.. and to handle correctly user fields you may want to have something like that
Or without touching the width of the whole field
Since ConfiForms version 2.16.5 you can use "auto-align" feature that is available in the ConfiForms Registrations Control (FormView) macro
This feature does basically the same thing as shown here, but is built-in