Odoo Development Cookbook

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 name="do_something_with_the_record"
               string="Do something" type="object" class="oe_highlight" />
       <button name="do_something_else" string="Second action" />
       <field name="state" widget="statusbar" />
   </header>

2. Then add a sheet element for content:

   <sheet>

3. Put some prominent field(s) first:

       <div class="oe_left oe_title">
           <label for="name" />
           <h1>
               <field name="name" />
           </h1>
       </div>

4. Put buttons that link to resources relevant for the object in its own box (if applicable):

    <div class="oe_right oe_button_box" name="buttons"> <button name="open_something_interesting" string="Open ...