<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="https://community.appian.com/cfs-file/__key/system/syndication/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>Adding Vertical White Space Between Two Collapsible Box Layouts</title><link>https://community.appian.com/discussions/f/user-interface/17779/adding-vertical-white-space-between-two-collapsible-box-layouts</link><description>I have two collapsed box layouts, one below the other in an interface 
 This interface rule will later be called within a section layout (and thus I believe it cannot contain a section layout?) 
 
 How can I add vertical white space between the two box</description><dc:language>en-US</dc:language><generator>Telligent Community 12</generator><item><title>RE: Adding Vertical White Space Between Two Collapsible Box Layouts</title><link>https://community.appian.com/thread/69984?ContentTypeID=1</link><pubDate>Wed, 16 Oct 2019 14:51:51 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:cbd58f3e-4b54-4f79-af33-7ca19c6b6210</guid><dc:creator>Stewart Burchell</dc:creator><description>&lt;p&gt;I should also have included the fact that the a!boxLayout() has a &amp;#39;marginBelow&amp;#39; attribute which will inject some whitespace between the box layouts.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Adding Vertical White Space Between Two Collapsible Box Layouts</title><link>https://community.appian.com/thread/69983?ContentTypeID=1</link><pubDate>Wed, 16 Oct 2019 14:47:22 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:680c7bca-abcf-4491-b8ac-c088bc7df69c</guid><dc:creator>Stewart Burchell</dc:creator><description>&lt;p&gt;It could be as simple as a label-less, read-only text field:&lt;/p&gt;
&lt;p&gt;&lt;pre class="ui-code" data-mode="text"&gt;{
  a!boxLayout(
    isCollapsible: true,
    isInitiallyCollapsed: true
  ),
  a!textField(readOnly: true),
  a!boxLayout(
    isCollapsible: true,
    isInitiallyCollapsed: true
  )
}&lt;/pre&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="/resized-image/__size/320x240/__key/communityserver-discussions-components-files/13/pastedimage1571237255218v1.png" alt=" " /&gt;&lt;/p&gt;
&lt;p&gt;Add more instances of text fields for a taller whitespace.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item></channel></rss>