Skip to content

Latest commit

 

History

History
 
 

web_responsive

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Web Responsive

Production/Stable License: LGPL-3 OCA/web Translate me on Weblate Try me on Runbot

This module adds responsiveness to web backend.

Features for all devices:

  • New navigation with the fullscreen app menu

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appmenu.gif
  • Quick menu search inside the app menu

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appsearch.gif
  • Sticky header & footer in list view

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/listview.gif
  • Sticky statusbar in form view

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/formview.gif
  • Bigger checkboxes in list view

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/listview.gif
  • Increase the size of the labels in extra large screens

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/label_size_small.png https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/label_size_large.png

Features for mobile:

  • App-specific submenus are shown on full screen when toggling them from the "hamburger" menu

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/hamburger.gif
  • User-specific submenus are shown on full screen when toggling them from the "avatar" menu

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/usermenu.gif
  • View type picker dropdown displays comfortably

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/viewtype.gif
  • Top app bar is always visible, but the control panel is hidden when scrolling down, to save some valuable vertical space

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/navbar.gif
  • Form status bar action and status buttons are collapsed in dropdowns. Other control panel buttons use icons to save space.

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/form_buttons.gif
  • Breadcrumbs navigation is collapsed with a "back arrow" button.

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/breadcrumbs.gif
  • Search panel is collapsed to mobile version on small screens.

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/search_panel.gif
  • Followers and send button is displayed on mobile. Avatar is hidden.

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/chatter.gif
  • Scrollable dropdowns

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/dropdown_scroll.gif
  • Kanban interface adopted to mobile

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/kanban.gif
  • Calendar interface adopted to mobile

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/calendar.gif
  • Interface is adapted dynamically on device rotation

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/device_rotation.gif
  • Big inputs on form in edit mode

Features for desktop computers:

  • Keyboard shortcuts for easier navigation, using `Alt + Shift + [NUM]` combination instead of just Alt + [NUM] to avoid conflict with Firefox Tab switching. Standard Odoo keyboard hotkeys changed to be more intuitive or accessible by fingers of one hand. F.x. Alt + S for Save

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/shortcuts.gif
  • Autofocus on search menu box when opening the app menu

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appsearch.gif
  • Full width form sheets

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/formview.gif
  • Set chatter on the side of the screen, optional per user

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/chatter_sided.gif
  • Sticky chatter topbar

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/chatter_topbar.gif
  • When the chatter is configured on the side part, the document viewer fills that part for side-by-side reading instead of full screen. You can still put it on full width preview clicking on the new maximize button.

    https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/document_viewer.gif

Table of contents

The following keyboard shortcuts are implemented:

  • Navigate app search results - Arrow keys
  • Choose app result - Enter
  • Esc to close app drawer
  • App navigation with keyboard.
  • Handle long titles on forms in a better way

Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. If you spotted it first, help us smashing it by providing a detailed and welcomed feedback.

Do not contact contributors directly about support or help with technical issues.

  • LasLabs
  • Tecnativa
  • ITerra

This module is maintained by the OCA.

Odoo Community Association

OCA, or the Odoo Community Association, is a nonprofit organization whose mission is to support the collaborative development of Odoo features and promote its widespread use.

Current maintainers:

Yajo Tardo SplashS

This module is part of the OCA/web project on GitHub.

You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.