Panel
Table of Contents
Default
<div styling="panel">
<h3 styling="title">Panel Header</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A blanditiis commodi corporis, culpa ea eius error molestias necessitatibus numquam odit, officia possimus quae quasi quis quisquam quos rerum unde, voluptas.</p>
<br>
<div styling="footer">
<p>Panel footer</p>
</div>
</div>
Using a result
<search:result result="response | result:5">
<layout:grid>
<layout:block md="1-2">
<div styling="stretch-content">
<div styling="center aligned panel center-content">
<search:field name="born_city" styling="title"></search:field>
<search:field name="full_name" styling="description" value-element="h3"></search:field>
<div styling="footer">
<search:field name="motivation" styling="description"></search:field>
</div>
</div>
</div>
</layout:block>
</layout:grid>
</search:result>