Register

Edit a subscription form structure

If you are designing a subscription form in the Form Designer using a predefined template, your design already consists of a structure that contains one or more slots and supports specific items such as images, text, spacers, and so on. From the Items tab, you can see the defaulted structure and items in their corresponding slots. You can edit the structure and slot settings to suit your requirements.

The image shows the Actions menu, Row settings, and Slot settings.LayoutSF2.png

Click here to view the image in full size

A. Move or open the settings of a structure

  1.  In the editing area, hover your mouse over the form's structure to display the Actions menu.
  2. Click one of the options on the Actions menu:
    • Move - moves the structure to a different row in the editing area. You can move a structure to rearrange the sequence of rows.
    • Settings - opens the right pane to display the Row settings.

B. Edit the structure settings

  1. In the Items tab, click Settings_icon.png beside the Structure to display the Row settings in the designer's right pane. 
    Note: You can also hover your mouse over the structure in the editing area, and in the Actions menu, click Settings.
  2. In Row settings, you can set the following: 
    • Padding: click the lock icon to display these options: Padding TopPadding BottomPadding Left , and Padding Right, then enter the row padding or use the up and down arrows to edit the padding from 0 to 2000.
    • Row Color: select the row color. By default, this is set to Transparent.
    • Border Width: enter the border width or use the up and down arrows to edit the width.
    • Border Radius: enter the border radius or use the up and down arrows to edit the radius from 0 (rectangle) to 2000 (circle).
    • Row Border Color: select the row border color. 
    • Add Content Background Image: click to browse and select the background image.  The image is added to the structure when successfully uploaded. 
    • Background Image Repeat: select the option for background image repeat in the horizontal (x), vertical (y), both horizontal and vertical axes, full width, or no repeat in the structure. 
    • Background Image Position: select Initial, Top, Bottom, Right, Left, or Center position for the background image.
    • Change Content Background Image: select a new content background image to replace the current one.
    • Remove Content Background Image: click to delete the container’s content background image.

C. Edit the slot settings

  1. Identify the slot you want to edit and click the Slot drop-down menu to expand the section.
  2. You can set the following: 
    • Background Color: select the slot background color. The default color is transparent.
    • Content Background Color: select the content background color. The default color is transparent.
    • Vertical Align: select Top, Middle, or Bottom vertical alignment for items in the slot.
    • Minimum Height: enter the minimum height or use the up and down arrows to edit the minimum height for any item contained within a specific slot.
    • Padding: click the lock icon to display these options: Padding TopPadding BottomPadding Left and Padding Right, then enter the slot padding or use the up and down arrows to edit the padding from 0 to 2000. 
    • Border Width: enter the border width or use the up and down arrows to edit the width.
    • Border Radius: enter the border radius or use the up and down arrows to edit the radius from 0 (rectangle) to 2000 (circle).
    • Border Colorselect the color for each slot border. 
  3. Follow the same steps if you want to edit another slot in your form.