{"id":17421908,"date":"2024-02-13T15:12:20","date_gmt":"2024-02-13T15:12:20","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/multi-column-forms\/"},"modified":"2024-02-13T15:12:20","modified_gmt":"2024-02-13T15:12:20","slug":"multi-column-forms","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/multi-column-forms\/","title":{"rendered":"Multi-Column Forms"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Hi there,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I just installed your plugin, and it&#8217;s very useful! I think that forms, like a login form or a registration form, look better with a multi column layout. Because it&#8217;s not worth using the entire page width, for a form element like &#8220;Firstname&#8221;, &#8220;Lastname&#8221;, &#8220;Zipcode&#8221;, etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But to accomplish this, it would be required to have the form fields in a separate div, so I could you the grid-layout to make a 2 column layout.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;fieldset style=\"display:grid;grid-template-columns:1fr 1fr; gap: 40px;&gt;\n   &lt;div&gt;\n      &lt;label&gt;Firstname&lt;\/label&gt;\n      &lt;input type=\"text\"\/&gt;\n      &lt;!-- possibly error message, etc. --&gt;\n   &lt;\/div&gt;\n   &lt;div&gt;\n      &lt;label&gt;Lastname&lt;\/label&gt;\n      &lt;input type=\"text\"\/&gt;\n      &lt;!-- possibly error message, etc. --&gt;\n   &lt;\/div&gt;\n&lt;\/fieldset&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Like it is implemented now, it&#8217;s not so easy to make a 2-column-layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thank you very much for this useful plugin!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">All the best<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Metayota<\/p>\n","protected":false},"template":"","class_list":["post-17421908","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/17421908","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/17421908\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=17421908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}