Not signed in (Sign In)

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

Support Requests: Input box widths?

Bottom of Page

1 to 8 of 8

  1.  
    • CommentAuthordyahkane
    • CommentTimeFeb 13th 2009
     
    Hi Guys,

    Im having some issues getting my form to fit onto the page right. Ive found some scripts for making the outside border narrower- but the input fields are still at their original width?

    What am I missing?

    Cheers
    • CommentAuthordbuschho
    • CommentTimeFeb 13th 2009
     
    Hello, if you could provide us with a link or image showing the issue, we will be able to give you better advice. Have you tried setting the size option in the Form Builder?
    • CommentAuthordyahkane
    • CommentTimeFeb 19th 2009
     
    Hi,

    It seems Ive worked around the problem now.

    But what I would like to know is:

    1) How do I align the submit button? (left, right, center for example)

    2) How do I replace the submit button with and image? ie so I can create a red button/and or create a circle around it?

    3) How do I go about making the input field smaller? Its really wide on the page and I would like to reduce its size by about 30%?

    Thanks
    • CommentAuthordbuschho
    • CommentTimeFeb 20th 2009
     
    Hello, you can accomplish all of your requests by using CSS styling in your custom code block.
    http://app.formassembly.com/pages/support/customization

    In this case, you'll want to customize your submit button which has the CSS selector:
    #submit- { CSS_RULES }
    you can find ideas here:
    http://www.456bereastreet.com/lab/styling-form-controls-revisited/submit-button/

    FA Support.
    • CommentAuthordyahkane
    • CommentTimeFeb 25th 2009
     
    Hi,

    Where do I find the code to put into the custom code block to center the submit button, and decrease the width of the input box? There doesnt seem to be any code regarding that there?

    Also,how do I use the css selector rules?

    Thanks
    • CommentAuthordbuschho
    • CommentTimeFeb 25th 2009
     
    To center the alignment of the submit button use:
    .actions{
    text-align: center;
    }

    for the width of the input boxes:
    input{
    width: 20%;
    }

    I'm not quite sure what you mean by the css selector rules. Are you referring to syntax such as is described here:
    http://www.eskimo.com/~bloo/indexdot/css/syntax/selectors/selectors.htm
    ?

    Help to help further,
    FA Support.
    • CommentAuthoraauerbac
    • CommentTimeMay 31st 2011
     
    Could you provide an example of #submit- { CSS_RULES } in the custom code block? Thanks!

    <blockquote><cite>Posted By: dbuschho</cite>Hello, you can accomplish all of your requests by using CSS styling in your custom code block.
    http://app.formassembly.com/pages/support/customization

    In this case, you'll want to customize your submit button which has the CSS selector:
    #submit- { CSS_RULES }
    you can find ideas here:
    http://www.456bereastreet.com/lab/styling-form-controls-revisited/submit-button/

    FA Support.</blockquote>
    • CommentAuthorhillaryw
    • CommentTimeMay 31st 2011
     
    Hello,

    You can try this one, it will place a blue dotted line around your submit button:


    <style type="text/css">
    #submit-
    {
    border:2px dotted #00f
    }
    </style>

    Please be sure to view this in a refreshed browser, not in FormAssembly.

    I hope this helps!

1 to 8 of 8

  1.