Defining document-style forms

In this recipe, we'll review some design guidelines in order to present a uniform user experience.

How to do it...

1. Start your form with a header element:

   <header>
       <button type="object" name="open_commercial_entity" 
            string="Open commercial partner"
            class="btn-primary" />
   </header>

2. Add a sheet element for content:

   <sheet> 

3. Put in the stat button, which will be used to show total invoiced amount and redirect to invoices:

   <div class="oe_button_box" name="button_box">
       <button type="object" class="oe_stat_button" 
               icon="fa-pencil-square-o"
            ...