{"id":377,"date":"2018-11-22T09:23:02","date_gmt":"2018-11-22T09:23:02","guid":{"rendered":"http:\/\/www.abcsubmit.com\/site\/?p=377"},"modified":"2018-11-22T10:40:34","modified_gmt":"2018-11-22T10:40:34","slug":"flexbox-container-documentation","status":"publish","type":"post","link":"http:\/\/abcsubmit.com\/site\/form-fields\/flexbox-container-documentation\/","title":{"rendered":"Flexbox container – Documentation"},"content":{"rendered":"

Flexbox container – Documentation<\/h1>\n

The flexbox container<\/strong> is a powerful tool you can use in order to automatically arrange multiple fields<\/strong> horizontal or vertical. Flexbox containers<\/strong> can be used to create column or row layouts.\u00a0You can drag any kind of field inside your flexbox<\/strong>, even flexboxes themselves, in order to create complex layouts for your website or form<\/strong>.<\/p>\n

\"You
Demonstration of Flexbox auto-arrange feature<\/figcaption><\/figure>\n

1. Flexbox<\/h2>\n

Use this group of settings in order to make settings regarding how your flexbox<\/strong> container will automatically arrange items you drag inside<\/strong> it:<\/p>\n

<\/a>1.1. Align items<\/h3>\n

Sets how the items inside the flexbox are aligned<\/strong> along the flexbox axis (vertical or horizontal):<\/p>\n

\"Align
Flexbox align items setting explained<\/figcaption><\/figure>\n

<\/a>1.2. Direction<\/h3>\n

Sets the axis (direction) of the flexbox<\/strong>: Vertical<\/strong>: Arrange on Y axis, Horizontal<\/strong>: Arrange on X axis<\/p>\n

\"Flexboxes
Explanation of Flexbox “Direction” setting<\/figcaption><\/figure>\n

<\/a>1.3. Justify items<\/h3>\n

Sets the spacing and starting point of the items inside the flexbox<\/strong>:<\/p>\n

\"Flexbox
Flexbox Justify items setting explained<\/figcaption><\/figure>\n

<\/a>1.4. Item spacing<\/h3>\n

Sets a spacing between items of the flexbox<\/strong>. Node that this setting is compatible only when Justify items setting is Start, Center or End<\/strong>.<\/p>\n

\"You
Flexbox item spacing explained<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"

Flexbox container – Documentation The flexbox container is a powerful tool you can use in order to automatically arrange multiple fields horizontal or vertical. Flexbox containers can be used to create column or row layouts.\u00a0You can drag any kind of field inside your flexbox, even flexboxes themselves, in order to create complex layouts for your […]<\/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":[87,86,21,85],"class_list":["post-377","post","type-post","status-publish","format-standard","hentry","category-form-fields","tag-arrange-fields","tag-container","tag-documentation","tag-flexbox"],"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