Knowledge Base/Knowledge Base/Sign Up Forms

How Can I Resize My Form?

AWeber - Matt H
posted this on July 19, 2012 03:46 PM

If you wish to shrink your form (or expand it), you can do so in the "Sign Up Form Generator."

Step By Step Instructions

  1. Click on the "Sign Up Forms" tab in the navigation menu, then start working on a form by either clicking on the name of an existing form, or clicking the "Create A Sign Up Form" button to make a new one.

  2. Just underneath the templates, you'll find a "Width" input box. If you have a specific width in mind, enter it here, in pixels.

    KB0336_step01.png

    Otherwise, you can use the "RESIZE" tab, attached to the side of your form, to adjust its width.

    KB0336_step02.png

  3. The height of your form is determined by the size of its contents. Thus, you need to reduce the amount of content (or make that content smaller) in order to shrink your form vertically. Here are a few things to look out for:

    • Delete the header or footer (or any unnecessary part of the form).

      One quick way to make your form fit into a smaller space is to simply delete extra parts of the form. Sure, that header might be pretty, but if it doesn't fit on the page, just hover over it and click the X button.

      Note
      : You can delete any part of the form except the email address field and the submit button.

      KB0336_step03.png
    • Adjust your text placement and size.

      You can also edit the text used in your form to make the form smaller. You can start by selecting "Labels" from the drop down menu just above and to the left side of the form editor.

      KB0336_step04.png

      Now the toolbar across the top will have options to edit the labels of the fields in your form (Name:, Email:, etc). On the right side, the "Position" buttons will allow you to move the labels of those fields so they are to the left of the fields, rather than above them.

      21742176_step05.jpg

      If you are still looking for ways to save on vertical space, you might want to use a smaller font size by using the drop down menu (Note: You can do this same font size adjustment for the submit button, as well as any links that you have included in the form - just choose the appropriate option from the drop down on the left instead of "Labels.").

      21742176_step06.jpg

      If you are using a header, footer, or other text area, you can adjust the font size of those areas separately by clicking on the area you want to change, then using the "Font Size" drop down menu in the popup that appears.

      KB0336_step07.png
    • Reduce the padding in your form.

      Padding is the amount of space that separates the content of an area from its surroundings. You can adjust the vertical padding in the body, header, or footer of the form by selecting the appropriate option from that drop down on the left (instead of "Labels" if you were just working on those), then clicking "Advanced" that appears just below and to the right of the toolbar at the top of the editor.


      KB0336_step08.png

      Under "Advanced", you can change that vertical padding (the rightmost two fields) to a smaller number, all the way to zero if you so desire.

      KB0336_step09.png
  4. Be sure to click "Save Your Form" and publish it, if necessary.
 
Topic is closed for comments