forked from Techsystech/web
[UPD] README.rst
OCA-git-bot
Taras Shabaranskyi
parent
ff810cb9d9
commit
9a95fe5981
|
|
@ -17,115 +17,132 @@ Web Responsive
|
|||
:target: https://github.com/OCA/web/tree/15.0/web_responsive
|
||||
:alt: OCA/web
|
||||
.. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png
|
||||
:target: https://translation.odoo-community.org/projects/web-14-0/web-14-0-web_responsive
|
||||
:target: https://translation.odoo-community.org/projects/web-15-0/web-15-0-web_responsive
|
||||
:alt: Translate me on Weblate
|
||||
.. |badge5| image:: https://img.shields.io/badge/runbot-Try%20me-875A7B.png
|
||||
:target: https://runbot.odoo-community.org/runbot/162/15.0
|
||||
:alt: Try me on Runbot
|
||||
|
||||
|badge1| |badge2| |badge3| |badge4| |badge5|
|
||||
|badge1| |badge2| |badge3| |badge4| |badge5|
|
||||
|
||||
This module adds responsiveness to web backend.
|
||||
|
||||
Features for all devices:
|
||||
**Features for all devices**:
|
||||
|
||||
* New navigation with an app drawer
|
||||
* New navigation with the fullscreen app menu
|
||||
|
||||
.. image:: https://user-images.githubusercontent.com/973709/48417193-09a1e080-e74a-11e8-8a0c-e73eb689b2fb.gif
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appmenu.gif
|
||||
|
||||
* Quick menu search from the app drawer
|
||||
* Quick menu search inside the app menu
|
||||
|
||||
.. image:: https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appsearch.gif
|
||||
|
||||
* Sticky header & footer in list view
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/listview.gif
|
||||
|
||||
* Sticky statusbar in form view
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/formview.gif
|
||||
|
||||
* Bigger checkboxes in list view
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/listview.gif
|
||||
|
||||
* Increase the size of the labels in extra large screens
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/label_size_small.png
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/label_size_small.png
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/label_size_large.png
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/label_size_large.png
|
||||
|
||||
Features for mobile:
|
||||
**Features for mobile**:
|
||||
|
||||
* App-specific submenus are shown on full screen when toggling them from the
|
||||
"hamburger" menu
|
||||
|
||||
.. image:: https://user-images.githubusercontent.com/973709/48417297-51286c80-e74a-11e8-9a47-22c810b18c43.gif
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/hamburger.gif
|
||||
|
||||
* View type picker dropdown displays confortably
|
||||
* User-specific submenus are shown on full screen when toggling them from the
|
||||
"avatar" menu
|
||||
|
||||
.. image:: https://user-images.githubusercontent.com/973709/50964322-e3d55580-14c6-11e9-8249-48db9539600f.gif
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/usermenu.gif
|
||||
|
||||
* View type picker dropdown displays comfortably
|
||||
|
||||
.. image:: 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 vaulable vertical space
|
||||
scrolling down, to save some valuable vertical space
|
||||
|
||||
.. image:: https://user-images.githubusercontent.com/973709/50964496-5cd4ad00-14c7-11e9-9261-fd223a329d02.gif
|
||||
.. image:: 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.
|
||||
|
||||
.. image:: https://user-images.githubusercontent.com/973709/50965446-e08f9900-14c9-11e9-92d6-dda472cb6557.gif
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/form_buttons.gif
|
||||
|
||||
* Breadcrumbs navigation is collapsed with a "back arrow" button.
|
||||
|
||||
.. image:: https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/breadcrumbs.gif
|
||||
|
||||
* Search panel is hidden on small screens.
|
||||
* Search panel is collapsed to mobile version on small screens.
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/search_panel.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.
|
||||
|
||||
.. image:: https://user-images.githubusercontent.com/973709/48417578-ff341680-e74a-11e8-8881-017709e912bc.png
|
||||
|
||||
|
||||
* Autofocus on search menu box when opening the drawer
|
||||
|
||||
.. image:: https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif
|
||||
|
||||
* Set chatter on the side of the screen, optional per user
|
||||
|
||||
.. image:: https://user-images.githubusercontent.com/973709/48417270-41108d00-e74a-11e8-9172-cba825d027ed.gif
|
||||
|
||||
* Full width form sheets
|
||||
|
||||
.. image:: https://user-images.githubusercontent.com/973709/48417428-ac5a5f00-e74a-11e8-8839-5bc538c54c1d.png
|
||||
|
||||
* Sticky chatter topbar
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/chatter_topbar.gif
|
||||
|
||||
* AppMenu waits for action finished to show the view
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/appmenu.gif
|
||||
|
||||
* Sticky header & footer in list view
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/listview.gif
|
||||
|
||||
* Sticky statusbar in form view
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/formview.gif
|
||||
.. image:: 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.
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/chatter.gif
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/chatter.gif
|
||||
|
||||
* Scrollable dropdowns
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/dropdown_scroll.gif
|
||||
|
||||
* Kanban interface adopted to mobile
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/kanban.gif
|
||||
|
||||
* Calendar interface adopted to mobile
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/calendar.gif
|
||||
|
||||
* Interface is adapted dynamically on device rotation
|
||||
|
||||
.. image:: 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`
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/shortcuts.gif
|
||||
|
||||
* Autofocus on search menu box when opening the app menu
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appsearch.gif
|
||||
|
||||
* Full width form sheets
|
||||
|
||||
.. image:: 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
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/chatter_sided.gif
|
||||
|
||||
* Sticky chatter topbar
|
||||
|
||||
.. image:: 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.
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/document_viewer.gif
|
||||
|
||||
* Bigger checkboxes in list view
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/big_checkboxes.gif
|
||||
|
||||
* Scrollable dropdowns
|
||||
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/dropdown_scroll.gif
|
||||
.. image:: https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/document_viewer.gif
|
||||
|
||||
**Table of contents**
|
||||
|
||||
|
|
@ -144,13 +161,8 @@ The following keyboard shortcuts are implemented:
|
|||
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.
|
||||
* Handle long titles on forms in a better way
|
||||
* Standard sticky headers seems to not work properly on iOS Safari/Chrome (see #1626).
|
||||
|
||||
Bug Tracker
|
||||
===========
|
||||
|
|
@ -170,6 +182,7 @@ Authors
|
|||
|
||||
* LasLabs
|
||||
* Tecnativa
|
||||
* ITerra
|
||||
|
||||
Contributors
|
||||
~~~~~~~~~~~~
|
||||
|
|
@ -208,7 +221,7 @@ promote its widespread use.
|
|||
|
||||
Current `maintainers <https://odoo-community.org/page/maintainer-role>`__:
|
||||
|
||||
|maintainer-Yajo| |maintainer-Tardo| |maintainer-SplashS|
|
||||
|maintainer-Yajo| |maintainer-Tardo| |maintainer-SplashS|
|
||||
|
||||
This module is part of the `OCA/web <https://github.com/OCA/web/tree/15.0/web_responsive>`_ project on GitHub.
|
||||
|
||||
|
|
|
|||
|
|
@ -367,86 +367,101 @@ ul.auto-toc {
|
|||
!! This file is generated by oca-gen-addon-readme !!
|
||||
!! changes will be overwritten. !!
|
||||
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
|
||||
<p><a class="reference external" href="https://odoo-community.org/page/development-status"><img alt="Production/Stable" src="https://img.shields.io/badge/maturity-Production%2FStable-green.png" /></a> <a class="reference external" href="http://www.gnu.org/licenses/lgpl-3.0-standalone.html"><img alt="License: LGPL-3" src="https://img.shields.io/badge/licence-LGPL--3-blue.png" /></a> <a class="reference external" href="https://github.com/OCA/web/tree/14.0/web_responsive"><img alt="OCA/web" src="https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github" /></a> <a class="reference external" href="https://translation.odoo-community.org/projects/web-14-0/web-14-0-web_responsive"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external" href="https://runbot.odoo-community.org/runbot/162/14.0"><img alt="Try me on Runbot" src="https://img.shields.io/badge/runbot-Try%20me-875A7B.png" /></a></p>
|
||||
<p><a class="reference external" href="https://odoo-community.org/page/development-status"><img alt="Production/Stable" src="https://img.shields.io/badge/maturity-Production%2FStable-green.png" /></a> <a class="reference external" href="http://www.gnu.org/licenses/lgpl-3.0-standalone.html"><img alt="License: LGPL-3" src="https://img.shields.io/badge/licence-LGPL--3-blue.png" /></a> <a class="reference external" href="https://github.com/OCA/web/tree/15.0/web_responsive"><img alt="OCA/web" src="https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github" /></a> <a class="reference external" href="https://translation.odoo-community.org/projects/web-15-0/web-15-0-web_responsive"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external" href="https://runbot.odoo-community.org/runbot/162/15.0"><img alt="Try me on Runbot" src="https://img.shields.io/badge/runbot-Try%20me-875A7B.png" /></a></p>
|
||||
<p>This module adds responsiveness to web backend.</p>
|
||||
<p>Features for all devices:</p>
|
||||
<p><strong>Features for all devices</strong>:</p>
|
||||
<ul>
|
||||
<li><p class="first">New navigation with an app drawer</p>
|
||||
<img alt="https://user-images.githubusercontent.com/973709/48417193-09a1e080-e74a-11e8-8a0c-e73eb689b2fb.gif" src="https://user-images.githubusercontent.com/973709/48417193-09a1e080-e74a-11e8-8a0c-e73eb689b2fb.gif" />
|
||||
<li><p class="first">New navigation with the fullscreen app menu</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appmenu.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appmenu.gif" />
|
||||
</li>
|
||||
<li><p class="first">Quick menu search from the app drawer</p>
|
||||
<img alt="https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif" src="https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif" />
|
||||
<li><p class="first">Quick menu search inside the app menu</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appsearch.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appsearch.gif" />
|
||||
</li>
|
||||
<li><p class="first">Sticky header & footer in list view</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/listview.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/listview.gif" />
|
||||
</li>
|
||||
<li><p class="first">Sticky statusbar in form view</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/formview.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/formview.gif" />
|
||||
</li>
|
||||
<li><p class="first">Bigger checkboxes in list view</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/listview.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/listview.gif" />
|
||||
</li>
|
||||
<li><p class="first">Increase the size of the labels in extra large screens</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/label_size_small.png" src="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/label_size_small.png" />
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/label_size_large.png" src="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/label_size_large.png" />
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/label_size_small.png" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/label_size_small.png" />
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/label_size_large.png" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/label_size_large.png" />
|
||||
</li>
|
||||
</ul>
|
||||
<p>Features for mobile:</p>
|
||||
<p><strong>Features for mobile</strong>:</p>
|
||||
<ul>
|
||||
<li><p class="first">App-specific submenus are shown on full screen when toggling them from the
|
||||
“hamburger” menu</p>
|
||||
<img alt="https://user-images.githubusercontent.com/973709/48417297-51286c80-e74a-11e8-9a47-22c810b18c43.gif" src="https://user-images.githubusercontent.com/973709/48417297-51286c80-e74a-11e8-9a47-22c810b18c43.gif" />
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/hamburger.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/hamburger.gif" />
|
||||
</li>
|
||||
<li><p class="first">View type picker dropdown displays confortably</p>
|
||||
<img alt="https://user-images.githubusercontent.com/973709/50964322-e3d55580-14c6-11e9-8249-48db9539600f.gif" src="https://user-images.githubusercontent.com/973709/50964322-e3d55580-14c6-11e9-8249-48db9539600f.gif" />
|
||||
<li><p class="first">User-specific submenus are shown on full screen when toggling them from the
|
||||
“avatar” menu</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/usermenu.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/usermenu.gif" />
|
||||
</li>
|
||||
<li><p class="first">View type picker dropdown displays comfortably</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/viewtype.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/viewtype.gif" />
|
||||
</li>
|
||||
<li><p class="first">Top app bar is always visible, but the control panel is hidden when
|
||||
scrolling down, to save some vaulable vertical space</p>
|
||||
<img alt="https://user-images.githubusercontent.com/973709/50964496-5cd4ad00-14c7-11e9-9261-fd223a329d02.gif" src="https://user-images.githubusercontent.com/973709/50964496-5cd4ad00-14c7-11e9-9261-fd223a329d02.gif" />
|
||||
scrolling down, to save some valuable vertical space</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/navbar.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/navbar.gif" />
|
||||
</li>
|
||||
<li><p class="first">Form status bar action and status buttons are collapsed in dropdowns.
|
||||
Other control panel buttons use icons to save space.</p>
|
||||
<img alt="https://user-images.githubusercontent.com/973709/50965446-e08f9900-14c9-11e9-92d6-dda472cb6557.gif" src="https://user-images.githubusercontent.com/973709/50965446-e08f9900-14c9-11e9-92d6-dda472cb6557.gif" />
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/form_buttons.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/form_buttons.gif" />
|
||||
</li>
|
||||
<li><p class="first">Breadcrumbs navigation is collapsed with a “back arrow” button.</p>
|
||||
<img alt="https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif" src="https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif" />
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/breadcrumbs.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/breadcrumbs.gif" />
|
||||
</li>
|
||||
<li><p class="first">Search panel is hidden on small screens.</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/search_panel.gif" src="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/search_panel.gif" />
|
||||
</li>
|
||||
</ul>
|
||||
<p>Features for computers:</p>
|
||||
<ul>
|
||||
<li><p class="first">Keyboard shortcuts for easier navigation, <strong>using ``Alt + Shift + [key]``</strong>
|
||||
combination instead of just <tt class="docutils literal">Alt + [key]</tt>.
|
||||
See <a class="reference external" href="https://github.com/odoo/odoo/issues/30068">https://github.com/odoo/odoo/issues/30068</a> to understand why.</p>
|
||||
<img alt="https://user-images.githubusercontent.com/973709/48417578-ff341680-e74a-11e8-8881-017709e912bc.png" src="https://user-images.githubusercontent.com/973709/48417578-ff341680-e74a-11e8-8881-017709e912bc.png" />
|
||||
</li>
|
||||
<li><p class="first">Autofocus on search menu box when opening the drawer</p>
|
||||
<img alt="https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif" src="https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif" />
|
||||
</li>
|
||||
<li><p class="first">Set chatter on the side of the screen, optional per user</p>
|
||||
<img alt="https://user-images.githubusercontent.com/973709/48417270-41108d00-e74a-11e8-9172-cba825d027ed.gif" src="https://user-images.githubusercontent.com/973709/48417270-41108d00-e74a-11e8-9172-cba825d027ed.gif" />
|
||||
</li>
|
||||
<li><p class="first">Full width form sheets</p>
|
||||
<img alt="https://user-images.githubusercontent.com/973709/48417428-ac5a5f00-e74a-11e8-8839-5bc538c54c1d.png" src="https://user-images.githubusercontent.com/973709/48417428-ac5a5f00-e74a-11e8-8839-5bc538c54c1d.png" />
|
||||
</li>
|
||||
<li><p class="first">Sticky chatter topbar</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/chatter_topbar.gif" src="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/chatter_topbar.gif" />
|
||||
</li>
|
||||
<li><p class="first">AppMenu waits for action finished to show the view</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/appmenu.gif" src="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/appmenu.gif" />
|
||||
</li>
|
||||
<li><p class="first">Sticky header & footer in list view</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/listview.gif" src="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/listview.gif" />
|
||||
</li>
|
||||
<li><p class="first">Sticky statusbar in form view</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/formview.gif" src="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/formview.gif" />
|
||||
<li><p class="first">Search panel is collapsed to mobile version on small screens.</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/search_panel.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/search_panel.gif" />
|
||||
</li>
|
||||
<li><p class="first">Followers and send button is displayed on mobile. Avatar is hidden.</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/chatter.gif" src="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/chatter.gif" />
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/chatter.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/chatter.gif" />
|
||||
</li>
|
||||
<li><p class="first">Scrollable dropdowns</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/dropdown_scroll.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/dropdown_scroll.gif" />
|
||||
</li>
|
||||
<li><p class="first">Kanban interface adopted to mobile</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/kanban.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/kanban.gif" />
|
||||
</li>
|
||||
<li><p class="first">Calendar interface adopted to mobile</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/calendar.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/calendar.gif" />
|
||||
</li>
|
||||
<li><p class="first">Interface is adapted dynamically on device rotation</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/device_rotation.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/device_rotation.gif" />
|
||||
</li>
|
||||
<li><p class="first">Big inputs on form in edit mode</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p><strong>Features for desktop computers</strong>:</p>
|
||||
<ul>
|
||||
<li><p class="first">Keyboard shortcuts for easier navigation,
|
||||
<strong>using `Alt + Shift + [NUM]`</strong> combination instead of
|
||||
just <cite>Alt + [NUM]</cite> 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. <cite>Alt + S</cite> for <cite>Save</cite></p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/shortcuts.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/shortcuts.gif" />
|
||||
</li>
|
||||
<li><p class="first">Autofocus on search menu box when opening the app menu</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appsearch.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/appsearch.gif" />
|
||||
</li>
|
||||
<li><p class="first">Full width form sheets</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/formview.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/formview.gif" />
|
||||
</li>
|
||||
<li><p class="first">Set chatter on the side of the screen, optional per user</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/chatter_sided.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/chatter_sided.gif" />
|
||||
</li>
|
||||
<li><p class="first">Sticky chatter topbar</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/chatter_topbar.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/chatter_topbar.gif" />
|
||||
</li>
|
||||
<li><p class="first">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.</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/document_viewer.gif" src="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/document_viewer.gif" />
|
||||
</li>
|
||||
<li><p class="first">Bigger checkboxes in list view</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/big_checkboxes.gif" src="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/big_checkboxes.gif" />
|
||||
</li>
|
||||
<li><p class="first">Scrollable dropdowns</p>
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/dropdown_scroll.gif" src="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/dropdown_scroll.gif" />
|
||||
<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/document_viewer.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_responsive/static/img/document_viewer.gif" />
|
||||
</li>
|
||||
</ul>
|
||||
<p><strong>Table of contents</strong></p>
|
||||
|
|
@ -475,13 +490,8 @@ width preview clicking on the new maximize button.</p>
|
|||
<div class="section" id="known-issues-roadmap">
|
||||
<h1><a class="toc-backref" href="#id2">Known issues / Roadmap</a></h1>
|
||||
<ul class="simple">
|
||||
<li>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.</li>
|
||||
<li>App navigation with keyboard.</li>
|
||||
<li>Handle long titles on forms in a better way</li>
|
||||
<li>Standard sticky headers seems to not work properly on iOS Safari/Chrome (see #1626).</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="section" id="bug-tracker">
|
||||
|
|
@ -489,7 +499,7 @@ new size. This is Odoo’s own limitation.</li>
|
|||
<p>Bugs are tracked on <a class="reference external" href="https://github.com/OCA/web/issues">GitHub Issues</a>.
|
||||
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
|
||||
<a class="reference external" href="https://github.com/OCA/web/issues/new?body=module:%20web_responsive%0Aversion:%2014.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
|
||||
<a class="reference external" href="https://github.com/OCA/web/issues/new?body=module:%20web_responsive%0Aversion:%2015.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
|
||||
<p>Do not contact contributors directly about support or help with technical issues.</p>
|
||||
</div>
|
||||
<div class="section" id="credits">
|
||||
|
|
@ -499,6 +509,7 @@ If you spotted it first, help us smashing it by providing a detailed and welcome
|
|||
<ul class="simple">
|
||||
<li>LasLabs</li>
|
||||
<li>Tecnativa</li>
|
||||
<li>ITerra</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="section" id="contributors">
|
||||
|
|
@ -522,8 +533,8 @@ If you spotted it first, help us smashing it by providing a detailed and welcome
|
|||
mission is to support the collaborative development of Odoo features and
|
||||
promote its widespread use.</p>
|
||||
<p>Current <a class="reference external" href="https://odoo-community.org/page/maintainer-role">maintainers</a>:</p>
|
||||
<p><a class="reference external" href="https://github.com/Yajo"><img alt="Yajo" src="https://github.com/Yajo.png?size=40px" /></a> <a class="reference external" href="https://github.com/Tardo"><img alt="Tardo" src="https://github.com/Tardo.png?size=40px" /></a></p>
|
||||
<p>This module is part of the <a class="reference external" href="https://github.com/OCA/web/tree/14.0/web_responsive">OCA/web</a> project on GitHub.</p>
|
||||
<p><a class="reference external" href="https://github.com/Yajo"><img alt="Yajo" src="https://github.com/Yajo.png?size=40px" /></a> <a class="reference external" href="https://github.com/Tardo"><img alt="Tardo" src="https://github.com/Tardo.png?size=40px" /></a> <a class="reference external" href="https://github.com/SplashS"><img alt="SplashS" src="https://github.com/SplashS.png?size=40px" /></a></p>
|
||||
<p>This module is part of the <a class="reference external" href="https://github.com/OCA/web/tree/15.0/web_responsive">OCA/web</a> project on GitHub.</p>
|
||||
<p>You are welcome to contribute. To learn how please visit <a class="reference external" href="https://odoo-community.org/page/Contribute">https://odoo-community.org/page/Contribute</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue