Skip to main content

Responsive web client, community-supported

Project description

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 an app drawer

    https://user-images.githubusercontent.com/973709/48417193-09a1e080-e74a-11e8-8a0c-e73eb689b2fb.gif
  • Quick menu search from the app drawer

    https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif

Features for mobile:

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

    https://user-images.githubusercontent.com/973709/48417297-51286c80-e74a-11e8-9a47-22c810b18c43.gif
  • View type picker dropdown displays confortably

    https://user-images.githubusercontent.com/973709/50964322-e3d55580-14c6-11e9-8249-48db9539600f.gif
  • Top app bar is always visible, but the control panel is hidden when scrolling down, to save some vaulable vertical space

    https://user-images.githubusercontent.com/973709/50964496-5cd4ad00-14c7-11e9-9261-fd223a329d02.gif
  • Form status bar action and status buttons are collapsed in dropdowns. Other control panel buttons use icons to save space.

    https://user-images.githubusercontent.com/973709/50965446-e08f9900-14c9-11e9-92d6-dda472cb6557.gif
  • Breadcrumbs navigation is collapsed with a “back arrow” button.

    https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif

Features for computers:

  • Keyboard shortcuts for easier navigation, using ``Alt + Shift + [key]`` combination instead of just Alt + [key]. See https://github.com/odoo/odoo/issues/30068 to understand why.

    https://user-images.githubusercontent.com/973709/48417578-ff341680-e74a-11e8-8881-017709e912bc.png
  • Autofocus on search menu box when opening the drawer

    https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif
  • Set chatter on the side of the screen, optional per user

    https://user-images.githubusercontent.com/973709/48417270-41108d00-e74a-11e8-9172-cba825d027ed.gif
  • Full width form sheets

    https://user-images.githubusercontent.com/973709/48417428-ac5a5f00-e74a-11e8-8839-5bc538c54c1d.png
  • Sticky chatter topbar

    https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/chatter_topbar.gif
  • AppMenu waits for action finished to show the view

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

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

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

    https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/chatter.gif

Table of contents

Usage

The following keyboard shortcuts are implemented:

  • Navigate app search results - Arrow keys

  • Choose app result - Enter

  • Esc to close app drawer

Known issues / Roadmap

  • To view the full experience in a device, the page must be loaded with the device screen size. This means that, if you change the size of your browser, you should reload the web client to get the full experience for that new size. This is Odoo’s own limitation.

  • App navigation with keyboard.

  • Make it more beautiful. Maybe OCA-branded?

  • Handle long titles on forms in a better way

Bug Tracker

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.

Credits

Authors

  • LasLabs

  • Tecnativa

Contributors

Maintainers

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

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.

Project details


Release history Release notifications | RSS feed

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distributions

No source distribution files available for this release.See tutorial on generating distribution archives.

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

File details

Details for the file odoo13_addon_web_responsive-13.0.1.0.1.dev7-py3-none-any.whl.

File metadata

File hashes

Hashes for odoo13_addon_web_responsive-13.0.1.0.1.dev7-py3-none-any.whl
Algorithm Hash digest
SHA256 f0dc13619edfff5519736fcc124e32ab4f52f29d7bd3043809a69f47e4d9206e
MD5 9f12a77b91ea71ffad4b97e236d8160b
BLAKE2b-256 5ebfa6e75026444290552e359f517b63e5ec7de23ce2fa365d6ed6275d72d68d

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page