Successful Form submission unit

To enter the edit theme mode, you first need to copy the theme (described here - "How do I change the theme?"). Next, select the item "Block of successful form filling". Settings are available for it:


In the "Background" menu, you can select the appropriate background option for the successful form completion block:

  • Color
  • Gradient
  • Image
  • Transparent

If you select the "Color" item, the solid background color of the successful form filling block will be set, the appropriate color can be selected from the palette:

Background 1

In the "Gradient" item, you can select the initial background color of the block of successful form filling, which will turn into the final color, and its selection, respectively, is also available. You can also adjust the color transition direction:

  • Top down
  • Bottom up
  • From left to right
  • From right to left
  • From top left to bottom right
  • From bottom left to top right
  • From top right to bottom left
  • From bottom right to top left

Background 2

The next item is "Image". To add an image to the block of successful completion of the form, click on the "Select image" icon in the "Image URL" field and you will see a pop-up window of the file manager with image selection options:

  • Gallery
  • Photobank
  • My images

Background 3

Background 4

In the "My Pictures" section, previously uploaded images will be available to you, in the "Gallery" - standard images and in the "Upload" section, you can add images. In the "Repeat" field, you can configure how the image will be positioned in the element: without repetition, horizontal, vertical, multiply:

Background 5

If you select a transparent background, the background color of the form will be:


In the theme editing menu, using the "Frame" item, you can set:

  • border width
  • border style
  • border color
  • border rounding

To go to the settings of the frame of the successful completion of the form, click on the slider to enable the option and select the sub-item to configure:

Frame 1

For example, we chose a bright green color, a width of 1px and a solid frame style:

Frame 2


In the edit menu of your design theme, you can configure the shadow of the block of successful form filling, to do this, enable the "Shadow" sub-item by moving the slider. The shadow settings will have the following settings: shadow type (external and internal), color, shadow blur, shadow stretching, transparency and shifts along the X and Y axes:



The following subsections are available in the Font section of the theme editing menu:

  • Font(you can choose the font type)
  • Font size of the item
  • Font color of the item
  • Line Height
  • Font style (italics and bold)



In the "Alignment" subsection, you can configure the location of the text in the successful filling block:

  • Center
  • Left
  • Right



To go to the "Indents" settings in the form design theme editing mode, click on the "Indents" subsection and you will be able to configure the internal and external margins of the successful form filling block:


Order turnkey form development

No time to figure out all the settings yourself? No problem!
Order web form development from us