| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Lines of code | 321 |
| Technical Name |
wr_vertical_notebook_tabs |
| License | LGPL-3 |
| Website | https://www.webrulersinfotech.com |
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Lines of code | 321 |
| Technical Name |
wr_vertical_notebook_tabs |
| License | LGPL-3 |
| Website | https://www.webrulersinfotech.com |
Vertical Notebook Tabs
Replace Odoo's horizontal tabs with a clean vertical sidebar panel — configurable per user, with accordion or multi-expand behaviour.
Features
-
Three tab modes per user —each user chooses their preferred layout from Settings > Users > Preferences > UI Settings:
- Vertical Accordion — tabs are displayed as a vertical sidebar; only one section is open at a time. Clicking a tab closes the previously open one.
- Vertical Multi-Expand — tabs are displayed vertically; multiple sections can be open simultaneously. Each tab toggles independently.
- Default (Horizontal) — restores Odoo's built-in horizontal tab layout with no custom styling applied. Users who do not want vertical tabs can select this option.
-
Expand All / Collapse All button —a compact toolbar button appears at the top of the tab panel in both vertical modes. In Accordion mode, Expand All opens every section simultaneously, overriding the single-open restriction. In Multi-Expand mode, it opens or closes all sections in one click.
-
Polished sidebar design —subtle purple-tinted panel background, soft lavender hover state, white card with gentle shadow for the active tab. Chevron icons (angle-down / angle-right) indicate the expanded and collapsed states. All transitions are optimised to keep text readable during hover.
-
Per-user persistent preference —the selected mode is stored on
res.usersand synced tores.users.settingsso the frontend can read it without an extra RPC. Each user's choice is independent and survives page reloads. -
Zero impact on Default users —users who select Default (Horizontal) get Odoo's original notebook HTML with no extra classes or styles applied, ensuring full compatibility with all standard Odoo features.
How to Use
-
After installing the module, go to Settings > Users & Companies > Users, open a user record, and navigate to the Preferences tab. Under UI Settings, choose the desired Notebook Tab Mode from the radio buttons and save. The new layout takes effect immediately on the next page load.
-
In Vertical Accordion or Vertical Multi-Expand mode, an Expand All button appears at the top of the tab panel. Click it to open all sections at once. The button label changes to Collapse All so you can close everything in one click. Clicking any individual tab header resets the expand-all state and returns to normal single-tab behaviour.
-
To revert to standard Odoo tabs, set Notebook Tab Mode to Default (Horizontal). No server restart or cache clear is needed —the change is applied at the user level only.
Also Useful For
Other Services
-
At WebRulers, we pride ourselves on offering a wide range of services to our clients. In addition to our core offerings, we are also experts in the following areas:
- Django, Flask and FastAPI Web/API Development: Our team is highly skilled in using these frameworks to create efficient and robust web applications that meet the unique needs of our clients.
- Android Mobile Application Development: We have extensive experience in developing high-performance mobile applications for the Android platform. Our apps are designed to provide a seamless user experience and meet the specific needs of our clients.
We are always looking for new and exciting challenges, and we are confident that our expertise in these areas will allow us to deliver outstanding results for our clients. If you have any project or requirement related to any of these services, please feel free to contact us to discuss further.
Contact us for Support / Query / Customization
Website:
- https://www.webrulersinfotech.com
Please log in to comment on this module