Key Highlights

• Reusable OWL Component: A plug-and-play widget that can be reused across any form view or model.
• Vertical Stage Visualization: Displays record stages in a clear, timeline-style sidebar on the right side.
• Interactive Navigation: Allows users to click stages to move forward or backward (when not readonly).
• Lightweight & Performant: Built with the Odoo 17+ OWL framework for optimal performance.
• Perfect for Approval Workflows: Ideal for HR, purchase, expense, or document validation flows and any type of approval.
• Responsive Design: Adapts seamlessly across desktop, tablet, and mobile screens.

Example Integration

Integrate the widget into your form views just like any standard Odoo field widget.

        <form>
          <sheet>
            <div class="form-container-with-rail">
              <div class="form-content">
                <group>
                  <field name="name"/>
                  <field name="employee_id"/>
                  <field name="amount"/>
                </group>
              </div>

              <div class="stage-rail-sidebar">
                <field name="state" widget="vertical_stage"
                       statusbar_visible="draft,submit,approve,done"/>
              </div>
            </div>
          </sheet>
        </form>