Not signed in (Sign In)

Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorquizzmedia
    • CommentTimeNov 16th 2010
     
    Currently, you can set the distance between the labels and input boxes at the form level. The boxes do not, however, line up. Is there any way to set the spacing FOR EACH QUESTION e.g. question 1 has 10 character, so I need 20em of space; question 2 has 30 characters, so I need 5em of space.

    Can this be done on an individual question level i.e. is there a 'custom code box' somewhere to allow this?

    Thanks in advance for any responses?
    • CommentAuthorhelmore
    • CommentTimeNov 16th 2010
     
    Hello,

    There is a custom code section accessible by clicking the title of the form in the Outline, then opening the Advanced panel (in Form Builder). You can use any custom CSS or javascript you like.

    To address this particular issue, you may want to use the following CSS:

    <style type="text/css">

    .wForm .labelsLeftAligned label.preField {
    width: 20em;
    clear: left;
    }

    </style>

    You can paste this into the custom code section. This will force all your labels to the same width and will make the input boxes line up nicely. You will want to change the number of ems for your width to suit your form.

    Happy to answer further questions.

    Thanks,
    Hillary
    FA Support
    • CommentAuthorquizzmedia
    • CommentTimeNov 17th 2010
     
    Thank you so much Hillary! It worked perfectly.

    One more question: What CSS class would I use to move the 'submit' button flush to the right?

    Thank you.
    • CommentAuthorhelmore
    • CommentTimeNov 17th 2010
     
    Hello,

    You can use

    .wForm form .actions .primaryAction {
    float: right;
    }

    to move the submit button flush to the right.

    Be sure to paste this within the existing <style> tags.

    Thanks,
    Hillary
    FA Support