{"id":274,"date":"2018-11-15T16:16:54","date_gmt":"2018-11-15T16:16:54","guid":{"rendered":"http:\/\/www.abcsubmit.com\/site\/?p=274"},"modified":"2019-07-16T16:00:40","modified_gmt":"2019-07-16T16:00:40","slug":"header-and-footer-manual-abcsubmit-form-builder","status":"publish","type":"post","link":"http:\/\/abcsubmit.com\/site\/form-fields\/header-and-footer-manual-abcsubmit-form-builder\/","title":{"rendered":"Header and Footer Manual – AbcSubmit Form Builder"},"content":{"rendered":"

Header and Footer manual<\/h1>\n

1. How to add a header or footer to your document?<\/h2>\n
\"How
Add header or footer<\/figcaption><\/figure>\n

You can add or remove a header or a footer by clicking in the right panel buttons “Add Header<\/strong>” or “Add Footer<\/strong>“:<\/p>\n

<\/a>2. Layout Type<\/h2>\n

Headers and footers can be of two types: FLUID<\/strong> and FIXED<\/strong>. Fluid headers or footers are using 100% of the page width. Fixed headers or footers widths are automatically scaled to current visible page.<\/p>\n

2.1. Fluid layout type on header or footer<\/h3>\n

Are rendered using 100% of the browser tab width<\/strong>.<\/p>\n

\"Fluid
Fluid header example<\/figcaption><\/figure>\n

2.2. Fixed layout type of header or footer<\/h3>\n

Are rendered always using the current visible page width.<\/strong><\/p>\n

\"Fixed
Fixed header example<\/figcaption><\/figure>\n

<\/a>3. Fit Content<\/h2>\n

When placing elements inside the header or footer, they might look weird when the browser page gets resized (becoming smaller), and their heights might grow because the lack of width. When fit content is set to YES, the header or footer automatically adjusts it’s height in order to let it’s content be displayed without scrollbars<\/strong>.<\/p>\n

4. Appearance<\/h2>\n

<\/a>4.1. Background color<\/h3>\n

Sets the background color of the Header or Footer. Please note that this setting overrides the theme settings (Default header and footer background color are inherited from Page background color in Theme settings).<\/p>\n

<\/a>4.2. Border color<\/h3>\n

Sets the border color of the Header or Footer. Please note that this setting overrides the theme settings (Default header and footer border color are inherited from Page border color, in Theme settings).<\/p>\n

Note<\/strong>: This setting is ignored when Layout type setting is FLUID<\/strong>.<\/p>\n

<\/a>4.3. Border style<\/h3>\n

\"\"Sets a border pattern used to draw the borders of the header an footer. Please note that this setting overrides the theme settings (Default header and footer Border style are inherited from Page border style, in Theme settings).<\/p>\n

Note<\/strong>: This setting is ignored when Layout type setting is FLUID<\/strong>.<\/p>\n

5. Size<\/h2>\n

<\/a>5.1. Height<\/h3>\n

Allows you to set the height of the header or footer. Accepted value is a CSS size unit (e.g.: 100px, 10cm, etc.)<\/p>\n

6. Border<\/h2>\n

<\/a>6.1. Rounded corners<\/h3>\n

Allows you to set rounded corners for header or footer.<\/p>\n

<\/a>6.2. Border width<\/h3>\n

Allows you to set the width of the border that the header or footer is using. Please note that this setting overrides the theme settings (Default header and footer Border style are inherited from Page border style, in Theme settings).<\/p>\n

Note<\/strong>: This setting is ignored when Layout type setting is FLUID<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Header and Footer manual 1. How to add a header or footer to your document? You can add or remove a header or a footer by clicking in the right panel buttons “Add Header” or “Add Footer“: 2. Layout Type Headers and footers can be of two types: FLUID and FIXED. Fluid headers or footers […]<\/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":[31,32,28,30,27,29],"class_list":["post-274","post","type-post","status-publish","format-standard","hentry","category-form-fields","tag-drag-and-drop","tag-fixed-or-fluid-layout","tag-footer","tag-form-builder","tag-header","tag-layout-type"],"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