How to create a custom overview form based on the default

Blog
1


You like the concept of the overview page, but you would like to customize it for your needs, your company graphic layout, and so on? This article is for you!

Quick review of the case overview form
The case overview form displays useful information about your process (timeline, information about ongoing and archived cases, information about archived and assigned task, comments, etc.) This form is provided by default with Bonita and is optional. You can customize it using the UI Designer, or create a your own overview from.

How to create a custom overview form based on the default? It's easy.

Just follow the 4 steps below:

  1. In the Administrator Portal, export the default overview form 
    <p>Go to <em>Resources</em> and select <strong>Autogenerated Case Overview</strong> in the forms section. Click on EXPORT. You will get a .zip file.</p>
<img alt="export" src="https://community.bonitasoft.com/sites/community.bonitasoft.com/files/blog/overviewform/capture_decran_2020-01-14_a_11-05-44.jpg" /></li>
<li><strong>Import it into the UI designer</strong>
<p><img alt="import" src="https://community.bonitasoft.com/sites/community.bonitasoft.com/files/blog/overviewform/capture_decran_2020-01-14_a_11.27.10.png" /></p>
</li>
<li><strong>Customize and save as a new reference</strong>
<p>To customize your overview form in the UI Designer, follow the <strong><a href="https://documentation.bonitasoft.com/bonita/7.10/uid-case-overview-tutorial">tutorial</a></strong> available in the documentation.</p>
</li>
<li><strong>Select your new overview form and link it to your process</strong>
<p>Go back to your process in Bonita Studio. Select the pool and link your new overview form in <em>Execution/Overview page</em></p>

<p><img alt="link" src="https://community.bonitasoft.com/sites/community.bonitasoft.com/files/blog/overviewform/capture_decran_2020-01-14_a_11.30.03.png" /></p>
</li>