Are your person attributes taking up too much space on each tab of the person profile page? If so, we have a solution to compress those into buttons until the information is needed. 

On the block settings of an Attribute Value block, choose Advanced Settings. You will need to add the following to the pre- & post-html. 

Pre-HTML 
 <div class="container">
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#app-care">Name of Block</button>
<div id="app-care" class="collapse"> 

Post-HTML 

</div></div>
<br/> 

***The “data-target” id needs to be different for each button you use. We used data-target =”#app-care” to identify it was closing the Care application. We would use data-target=”#app-nextgen” for our Next Gen application, and so on. This id will need to change for each Attribute Value block. 

You can use different colors, just by changing the html. In the example below, we kept the btn-info for all of our serving applications, and then btn-success for our Mission Trip Application. 

attribute_buttons.PNG

When you click the Serving Application - Worship button, it will expand to see all the attributes.

expandedattributes.PNG

Compare the first picture to the second picture. This has condensed a page of endless attributes to 7 buttons. This really is a space saver!