![\"\"\/](\"https:\/\/buzapps.net\/pages\/wp-content\/uploads\/2017\/03\/knowledgebase_lists_01.png\")
<\/a><\/figure>\n\n\n\nAFTER<\/h3>\n\n\n\n![\"\"\/](\"https:\/\/buzapps.net\/pages\/wp-content\/uploads\/2017\/03\/knowledgebase_lists_02.png\")
<\/a><\/figure>\n\n\n\n1)<\/strong>Log into your App Manager and select your app<\/strong>.<\/p>\n\n\n\n2)<\/strong> Click Colors<\/strong> from the left-hand-side of the screen (or the middle of the screen).<\/p>\n\n\n\n3)<\/strong> Scroll down to the Advanced SCSS box<\/strong>.<\/p>\n\n\n\nChange the list view of Forms:<\/p>\n\n\n\n
\/** Begin change list view of forms*\/\n\n.item.item-input.item-custom {\n\nmargin: 10px;\n\n}\n\n\/** End change list view of forms*\/\n\nChange the list view in Folders\/Directories:\n\n\/** Begin change list view of folders*\/\n\n.list .item.item-custom {\n\nmargin: 10px;\n\n}\n\n\/** End change list view of folders*\/<\/code><\/pre>\n\n\n\nNOTE: <\/strong>Adjust the “margin” number to change the space between the items. Also, this change would affect all lists in your app.<\/p>\n\n\n\nIMPORTANT:<\/strong> If there is already code in the advanced SCSS box, do not remove it. Start a new line \u201cafter\u201d the last character in the box, then paste the above code.<\/p>\n","protected":false},"excerpt":{"rendered":"The edit below will allow you to change the view of your Lists. This most notably applies to Forms. BEFORE AFTER 1)Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box. Change the list view of Forms: NOTE: Adjust the “margin” number to change the space between the items. Also, this change would affect all lists in your app. IMPORTANT: If there is already code in the advanced SCSS box, do not remove it. Start a new line \u201cafter\u201d the last character in the box, then paste the<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13610","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13610","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/comments?post=13610"}],"version-history":[{"count":2,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13610\/revisions"}],"predecessor-version":[{"id":13958,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13610\/revisions\/13958"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13610"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/a><\/figure>\n\n\n\n1)<\/strong>Log into your App Manager and select your app<\/strong>.<\/p>\n\n\n\n 2)<\/strong> Click Colors<\/strong> from the left-hand-side of the screen (or the middle of the screen).<\/p>\n\n\n\n 3)<\/strong> Scroll down to the Advanced SCSS box<\/strong>.<\/p>\n\n\n\n Change the list view of Forms:<\/p>\n\n\n\n NOTE: <\/strong>Adjust the “margin” number to change the space between the items. Also, this change would affect all lists in your app.<\/p>\n\n\n\n IMPORTANT:<\/strong> If there is already code in the advanced SCSS box, do not remove it. Start a new line \u201cafter\u201d the last character in the box, then paste the above code.<\/p>\n","protected":false},"excerpt":{"rendered":" The edit below will allow you to change the view of your Lists. This most notably applies to Forms. BEFORE AFTER 1)Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box. Change the list view of Forms: NOTE: Adjust the “margin” number to change the space between the items. Also, this change would affect all lists in your app. IMPORTANT: If there is already code in the advanced SCSS box, do not remove it. Start a new line \u201cafter\u201d the last character in the box, then paste the<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13610","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13610","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/comments?post=13610"}],"version-history":[{"count":2,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13610\/revisions"}],"predecessor-version":[{"id":13958,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13610\/revisions\/13958"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13610"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\/** Begin change list view of forms*\/\n\n.item.item-input.item-custom {\n\nmargin: 10px;\n\n}\n\n\/** End change list view of forms*\/\n\nChange the list view in Folders\/Directories:\n\n\/** Begin change list view of folders*\/\n\n.list .item.item-custom {\n\nmargin: 10px;\n\n}\n\n\/** End change list view of folders*\/<\/code><\/pre>\n\n\n\n