<\/h2>\n![\"Empty](\"\/\/www.abcsubmit.com\/site\/wp-content\/uploads\/2018\/11\/a-empty-page-in-abcsubmit-formbuilder.png\")
Empty page in AbcSubmit form builder editor<\/figcaption><\/figure>\n<\/a>1. Page name<\/h2>\nType here a name for your page, for example: “Welcome”.<\/p>\n
The page name is:<\/p>\n
\n- Displayed in the browser tab when the page is active<\/li>\n
- Used by the conditional rules, as a identifier<\/li>\n
- If you add a Breadcrumbs control, the page name is displayed there ( for example to give the form visitor a sense of progress )<\/li>\n<\/ul>\n
<\/a>2. Page type<\/h2>\nThis setting is a very important one. There are multiple type of form or website pages<\/strong>:<\/p>\n\n- FORM PAGE<\/strong> – This denotes the fact that this page is a regular page<\/li>\n
- THANK YOU<\/strong> – If your form has a thank you page (typically the last page of the form is a Thank You form page), then after the form is submitted, that page is displayed.<\/li>\n
- PAYMENTS ERROR<\/strong> – If you enable payments on your form<\/strong>, when the user is redirected back from the payment processor, the Payments Error page is displayed to the visitor if the payment encountered errors.<\/li>\n<\/ul>\n
<\/a>3. Fit content<\/h2>\n![\"Page](\"\/\/www.abcsubmit.com\/site\/wp-content\/uploads\/2018\/11\/fit-content-page-abcsubmit.png\")
Fit content<\/figcaption><\/figure>\nThis enable hybrid page layout. When you add fields into your page and you arrange them, you see the absolute mode layout of your page.<\/p>\n
However, some fields have variable heights (for example, when the user fills data into a Textarea field, the Textarea content might get taller then the field itself, forcing the Textarea to display a vertical scrollbar).<\/p>\n
If you enable the fit content setting, instead of showing textarea scrollbars, then:<\/p>\n
\n- The textarea height is dynamically increased (with the amount of height needed by the textarea scrollbars)<\/li>\n
- The height of the page is dynamically increased (with the amount of height needed by the textarea scrollbars<\/li>\n
- All the fields positioned under the textarea are displayed shifted (with the amount of height needed by the textarea scrollbars).<\/li>\n<\/ul>\n
4. Appearance<\/h2>\n
This group of settings controls the colors of your current page. Please note that if you alter these settings, the colors of the theme are overrided with these ones.<\/p>\n
4.1. Normal<\/h3>\n
The page has only a single state (normal state). It does not support hover, focus or other type of states (for example a button does).<\/p>\n
<\/a>4.1.1. Background color<\/h4>\nAlter this setting in order to change the background color of current page.<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes ![\"Themes\"](\"\/\/www.abcsubmit.com\/site\/wp-content\/uploads\/2018\/11\/themes-button-abcsubmit-form-builder.png\")
.<\/p>\n<\/a>4.1.2. Border color<\/h4>\nAlter this setting in order to change the border color of current page.<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes .<\/p>\n<\/a>4.1.3. Border style<\/h4>\n![\"Illustration](\"\/\/www.abcsubmit.com\/site\/wp-content\/uploads\/2018\/11\/css-border-style-abcsubmit.png\")
Border styles<\/figcaption><\/figure>\nAlter this setting in order to change a pattern for the border of current page<\/strong>. Current supported patterns are:<\/p>\nDash<\/p>\n
Dot<\/p>\n
Double<\/p>\n
Groove<\/p>\n
Inset<\/p>\n
Outset<\/p>\n
Ridge<\/p>\n
Solid<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes .<\/p>\n5. Size<\/h2>\n<\/a>5.1. Page height<\/h3>\nAlter this setting in order to change the current page height. This setting supports a CSS unit value, for example:<\/p>\n
500px<\/strong> – Page has 500 pixels height<\/p>\n297mm<\/strong> – Page has 297 millimeters height<\/p>\ncalc(70vh – 100px)<\/strong> – Page height equals to 70% of browser height – 100 pixels<\/p>\n<\/a>5.2. Page width<\/h3>\nAlter this setting in order to change the current page width. This setting supports a CSS unit value, for example:<\/p>\n
500px<\/strong> – Page has 500 pixels width<\/p>\n210mm<\/strong> – Page has 210 millimeters width<\/p>\ncalc(70vw – 100px)<\/strong> – Page height equals to 70% of browser width – 100 pixels<\/p>\n6. Border<\/h2>\n<\/a>6.1. Rounded corners<\/h3>\n![\"Example](\"\/\/www.abcsubmit.com\/site\/wp-content\/uploads\/2018\/11\/rounded-corners-page-example-abcsubmit.png\")
Rounded corners<\/figcaption><\/figure>\nPages can support rounded corners. Use this setting to set current page rounded borders.<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes .<\/p>\n<\/a>6.2. Border width<\/h3>\nThe width of the border of the current page can be set by altering this setting.<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes .<\/p>\n","protected":false},"excerpt":{"rendered":"Page settings The page of your form or your website supports the following customizations<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[8,11,12,10],"class_list":["post-205","post","type-post","status-publish","format-standard","hentry","category-form-fields","tag-controls","tag-field","tag-form","tag-page"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
<\/a>1. Page name<\/h2>\nType here a name for your page, for example: “Welcome”.<\/p>\n
The page name is:<\/p>\n
\n- Displayed in the browser tab when the page is active<\/li>\n
- Used by the conditional rules, as a identifier<\/li>\n
- If you add a Breadcrumbs control, the page name is displayed there ( for example to give the form visitor a sense of progress )<\/li>\n<\/ul>\n
<\/a>2. Page type<\/h2>\nThis setting is a very important one. There are multiple type of form or website pages<\/strong>:<\/p>\n\n- FORM PAGE<\/strong> – This denotes the fact that this page is a regular page<\/li>\n
- THANK YOU<\/strong> – If your form has a thank you page (typically the last page of the form is a Thank You form page), then after the form is submitted, that page is displayed.<\/li>\n
- PAYMENTS ERROR<\/strong> – If you enable payments on your form<\/strong>, when the user is redirected back from the payment processor, the Payments Error page is displayed to the visitor if the payment encountered errors.<\/li>\n<\/ul>\n
<\/a>3. Fit content<\/h2>\nFit content<\/figcaption><\/figure>\nThis enable hybrid page layout. When you add fields into your page and you arrange them, you see the absolute mode layout of your page.<\/p>\n
However, some fields have variable heights (for example, when the user fills data into a Textarea field, the Textarea content might get taller then the field itself, forcing the Textarea to display a vertical scrollbar).<\/p>\n
If you enable the fit content setting, instead of showing textarea scrollbars, then:<\/p>\n
\n- The textarea height is dynamically increased (with the amount of height needed by the textarea scrollbars)<\/li>\n
- The height of the page is dynamically increased (with the amount of height needed by the textarea scrollbars<\/li>\n
- All the fields positioned under the textarea are displayed shifted (with the amount of height needed by the textarea scrollbars).<\/li>\n<\/ul>\n
4. Appearance<\/h2>\n
This group of settings controls the colors of your current page. Please note that if you alter these settings, the colors of the theme are overrided with these ones.<\/p>\n
4.1. Normal<\/h3>\n
The page has only a single state (normal state). It does not support hover, focus or other type of states (for example a button does).<\/p>\n
<\/a>4.1.1. Background color<\/h4>\nAlter this setting in order to change the background color of current page.<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes .<\/p>\n<\/a>4.1.2. Border color<\/h4>\nAlter this setting in order to change the border color of current page.<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes .<\/p>\n<\/a>4.1.3. Border style<\/h4>\nBorder styles<\/figcaption><\/figure>\nAlter this setting in order to change a pattern for the border of current page<\/strong>. Current supported patterns are:<\/p>\nDash<\/p>\n
Dot<\/p>\n
Double<\/p>\n
Groove<\/p>\n
Inset<\/p>\n
Outset<\/p>\n
Ridge<\/p>\n
Solid<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes .<\/p>\n5. Size<\/h2>\n<\/a>5.1. Page height<\/h3>\nAlter this setting in order to change the current page height. This setting supports a CSS unit value, for example:<\/p>\n
500px<\/strong> – Page has 500 pixels height<\/p>\n297mm<\/strong> – Page has 297 millimeters height<\/p>\ncalc(70vh – 100px)<\/strong> – Page height equals to 70% of browser height – 100 pixels<\/p>\n<\/a>5.2. Page width<\/h3>\nAlter this setting in order to change the current page width. This setting supports a CSS unit value, for example:<\/p>\n
500px<\/strong> – Page has 500 pixels width<\/p>\n210mm<\/strong> – Page has 210 millimeters width<\/p>\ncalc(70vw – 100px)<\/strong> – Page height equals to 70% of browser width – 100 pixels<\/p>\n6. Border<\/h2>\n<\/a>6.1. Rounded corners<\/h3>\nRounded corners<\/figcaption><\/figure>\nPages can support rounded corners. Use this setting to set current page rounded borders.<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes .<\/p>\n<\/a>6.2. Border width<\/h3>\nThe width of the border of the current page can be set by altering this setting.<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes .<\/p>\n","protected":false},"excerpt":{"rendered":"Page settings The page of your form or your website supports the following customizations<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[8,11,12,10],"class_list":["post-205","post","type-post","status-publish","format-standard","hentry","category-form-fields","tag-controls","tag-field","tag-form","tag-page"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
<\/a>2. Page type<\/h2>\nThis setting is a very important one. There are multiple type of form or website pages<\/strong>:<\/p>\n\n- FORM PAGE<\/strong> – This denotes the fact that this page is a regular page<\/li>\n
- THANK YOU<\/strong> – If your form has a thank you page (typically the last page of the form is a Thank You form page), then after the form is submitted, that page is displayed.<\/li>\n
- PAYMENTS ERROR<\/strong> – If you enable payments on your form<\/strong>, when the user is redirected back from the payment processor, the Payments Error page is displayed to the visitor if the payment encountered errors.<\/li>\n<\/ul>\n
<\/a>3. Fit content<\/h2>\nFit content<\/figcaption><\/figure>\nThis enable hybrid page layout. When you add fields into your page and you arrange them, you see the absolute mode layout of your page.<\/p>\n
However, some fields have variable heights (for example, when the user fills data into a Textarea field, the Textarea content might get taller then the field itself, forcing the Textarea to display a vertical scrollbar).<\/p>\n
If you enable the fit content setting, instead of showing textarea scrollbars, then:<\/p>\n
\n- The textarea height is dynamically increased (with the amount of height needed by the textarea scrollbars)<\/li>\n
- The height of the page is dynamically increased (with the amount of height needed by the textarea scrollbars<\/li>\n
- All the fields positioned under the textarea are displayed shifted (with the amount of height needed by the textarea scrollbars).<\/li>\n<\/ul>\n
4. Appearance<\/h2>\n
This group of settings controls the colors of your current page. Please note that if you alter these settings, the colors of the theme are overrided with these ones.<\/p>\n
4.1. Normal<\/h3>\n
The page has only a single state (normal state). It does not support hover, focus or other type of states (for example a button does).<\/p>\n
<\/a>4.1.1. Background color<\/h4>\nAlter this setting in order to change the background color of current page.<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes .<\/p>\n<\/a>4.1.2. Border color<\/h4>\nAlter this setting in order to change the border color of current page.<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes .<\/p>\n<\/a>4.1.3. Border style<\/h4>\nBorder styles<\/figcaption><\/figure>\nAlter this setting in order to change a pattern for the border of current page<\/strong>. Current supported patterns are:<\/p>\nDash<\/p>\n
Dot<\/p>\n
Double<\/p>\n
Groove<\/p>\n
Inset<\/p>\n
Outset<\/p>\n
Ridge<\/p>\n
Solid<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes .<\/p>\n5. Size<\/h2>\n<\/a>5.1. Page height<\/h3>\nAlter this setting in order to change the current page height. This setting supports a CSS unit value, for example:<\/p>\n
500px<\/strong> – Page has 500 pixels height<\/p>\n297mm<\/strong> – Page has 297 millimeters height<\/p>\ncalc(70vh – 100px)<\/strong> – Page height equals to 70% of browser height – 100 pixels<\/p>\n<\/a>5.2. Page width<\/h3>\nAlter this setting in order to change the current page width. This setting supports a CSS unit value, for example:<\/p>\n
500px<\/strong> – Page has 500 pixels width<\/p>\n210mm<\/strong> – Page has 210 millimeters width<\/p>\ncalc(70vw – 100px)<\/strong> – Page height equals to 70% of browser width – 100 pixels<\/p>\n6. Border<\/h2>\n<\/a>6.1. Rounded corners<\/h3>\nRounded corners<\/figcaption><\/figure>\nPages can support rounded corners. Use this setting to set current page rounded borders.<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes .<\/p>\n<\/a>6.2. Border width<\/h3>\nThe width of the border of the current page can be set by altering this setting.<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes .<\/p>\n","protected":false},"excerpt":{"rendered":"Page settings The page of your form or your website supports the following customizations<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[8,11,12,10],"class_list":["post-205","post","type-post","status-publish","format-standard","hentry","category-form-fields","tag-controls","tag-field","tag-form","tag-page"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
- \n
- FORM PAGE<\/strong> – This denotes the fact that this page is a regular page<\/li>\n
- THANK YOU<\/strong> – If your form has a thank you page (typically the last page of the form is a Thank You form page), then after the form is submitted, that page is displayed.<\/li>\n
- PAYMENTS ERROR<\/strong> – If you enable payments on your form<\/strong>, when the user is redirected back from the payment processor, the Payments Error page is displayed to the visitor if the payment encountered errors.<\/li>\n<\/ul>\n
<\/a>3. Fit content<\/h2>\n
Fit content<\/figcaption><\/figure>\n This enable hybrid page layout. When you add fields into your page and you arrange them, you see the absolute mode layout of your page.<\/p>\n
However, some fields have variable heights (for example, when the user fills data into a Textarea field, the Textarea content might get taller then the field itself, forcing the Textarea to display a vertical scrollbar).<\/p>\n
If you enable the fit content setting, instead of showing textarea scrollbars, then:<\/p>\n
- \n
- The textarea height is dynamically increased (with the amount of height needed by the textarea scrollbars)<\/li>\n
- The height of the page is dynamically increased (with the amount of height needed by the textarea scrollbars<\/li>\n
- All the fields positioned under the textarea are displayed shifted (with the amount of height needed by the textarea scrollbars).<\/li>\n<\/ul>\n
4. Appearance<\/h2>\n
This group of settings controls the colors of your current page. Please note that if you alter these settings, the colors of the theme are overrided with these ones.<\/p>\n
4.1. Normal<\/h3>\n
The page has only a single state (normal state). It does not support hover, focus or other type of states (for example a button does).<\/p>\n
<\/a>4.1.1. Background color<\/h4>\n
Alter this setting in order to change the background color of current page.<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes
.<\/p>\n<\/a>4.1.2. Border color<\/h4>\n
Alter this setting in order to change the border color of current page.<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes
.<\/p>\n<\/a>4.1.3. Border style<\/h4>\n
Border styles<\/figcaption><\/figure>\n Alter this setting in order to change a pattern for the border of current page<\/strong>. Current supported patterns are:<\/p>\n
Dash<\/p>\n
Dot<\/p>\n
Double<\/p>\n
Groove<\/p>\n
Inset<\/p>\n
Outset<\/p>\n
Ridge<\/p>\n
Solid<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes
.<\/p>\n5. Size<\/h2>\n
<\/a>5.1. Page height<\/h3>\n
Alter this setting in order to change the current page height. This setting supports a CSS unit value, for example:<\/p>\n
500px<\/strong> – Page has 500 pixels height<\/p>\n
297mm<\/strong> – Page has 297 millimeters height<\/p>\n
calc(70vh – 100px)<\/strong> – Page height equals to 70% of browser height – 100 pixels<\/p>\n
<\/a>5.2. Page width<\/h3>\n
Alter this setting in order to change the current page width. This setting supports a CSS unit value, for example:<\/p>\n
500px<\/strong> – Page has 500 pixels width<\/p>\n
210mm<\/strong> – Page has 210 millimeters width<\/p>\n
calc(70vw – 100px)<\/strong> – Page height equals to 70% of browser width – 100 pixels<\/p>\n
6. Border<\/h2>\n
<\/a>6.1. Rounded corners<\/h3>\n
Rounded corners<\/figcaption><\/figure>\n Pages can support rounded corners. Use this setting to set current page rounded borders.<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes
.<\/p>\n<\/a>6.2. Border width<\/h3>\n
The width of the border of the current page can be set by altering this setting.<\/p>\n
Note<\/strong>: This setting is not applied to all pages, but only to current form page. In order to modify this setting at a global level, please use the Themes
.<\/p>\n","protected":false},"excerpt":{"rendered":"Page settings The page of your form or your website supports the following customizations<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[8,11,12,10],"class_list":["post-205","post","type-post","status-publish","format-standard","hentry","category-form-fields","tag-controls","tag-field","tag-form","tag-page"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
- THANK YOU<\/strong> – If your form has a thank you page (typically the last page of the form is a Thank You form page), then after the form is submitted, that page is displayed.<\/li>\n