<a class="reference external image-reference" href="http://www.gnu.org/licenses/lgpl-3.0-standalone.html"><img alt="License: LGPL-3" src="https://img.shields.io/badge/license-LGPL--3-blue.svg"> </a> <a name="web-responsive"></a> <h2>Web Responsive</h2> <p>This module provides a mobile compliant interface for Odoo Community web.</p> <p>Features:</p> <blockquote> <ul class="simple"> <li>New navigation with an App drawer</li> <li>Keyboard shortcuts for easier navigation</li> <li>Display kanban views for small screens if an action or field One2x</li> </ul> </blockquote> <a name="installation"></a> <h3>Installation</h3> <a name="configuration"></a> <h3>Configuration</h3> <a name="usage"></a> <h3>Usage</h3> <a name="keyboard-shortcuts"></a> <h4>Keyboard Shortcuts</h4> <p>The following keyboard shortcuts are implemented:</p> <ul class="simple"> <li>Toggle App Drawer - <cite>ActionKey &lt;https://en.wikipedia.org/wiki/Access_key#Access_in_different_browsers&gt;</cite> + <code>A</code></li> <li>Navigate Apps Drawer - Arrow Keys</li> <li>Type to select App Links</li> <li><code>esc</code> to close App Drawer</li> </ul> <a name="quick-search"></a> <h4>Quick Search</h4> <p>A search feature is provided in the App Drawer, which allow for you to easily navigate menus without a mouse.</p> <p>To activate the search, just begin typing while within the App Drawer.</p> <p>You can use the arrow keys or mouse to navigate and select results, in a similar fashion to navigating the apps in the drawer.</p> <a class="reference external image-reference" href="https://runbot.odoo-community.org/runbot/162/10.0"><img alt="Try me on Runbot" src="https://odoo-community.org/website/image/ir.attachment/5784_f2813bd/datas" /></a> <a name="known-issues-roadmap"></a> <h3>Known issues / Roadmap</h3> <p>Note: Data added to the footer <code>support_branding</code> is not shown while using this module.</p> <ul class="simple"> <li>Drag drawer from left to open in mobile</li> <li>Figure out how to test focus on hidden elements for keyboard nav tests</li> <li>Override LESS styling to allow for responsive widget layouts</li> <li>Adding <code>oe_main_menu_navbar</code> ID to the top navigation bar triggers some great styles, but also <a class="reference external" href="https://github.com/OCA/web/pull/446#issuecomment-254827880">JavaScript that causes issues on mobile</a></li> <li>The <code>AppDrawer</code> JavaScript object currently extends <code>Class</code>. We should extend <code>Widget</code> instead.</li> <li>On Android (FireFox) - clicking the search icon does not focus the search input.</li> <li>On Android (FireFox &amp; Chrome) - clicking the search query input will show the on screen keyboard for a split second, but the App Drawer immediately closes and the keyboard closes with it.</li> </ul> <a name="bug-tracker"></a> <h3>Bug Tracker</h3> <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 feedback.</p> <a name="credits"></a> <h3>Credits</h3> <a name="images"></a> <h4>Images</h4> <ul class="simple"> <li>Odoo Community Association: <a class="reference external" href="https://github.com/OCA/maintainer-tools/blob/master/template/module/static/description/icon.svg">Icon</a>.</li> </ul> <a name="contributors"></a> <h4>Contributors</h4> <ul class="simple"> <li>Dave Lasley &lt;<a class="reference external" href="mailto:dave&#64;laslabs.com">dave&#64;laslabs.com</a>&gt;</li> <li>Jairo Llopis &lt;<a class="reference external" href="mailto:jairo.llopis&#64;tecnativa.com">jairo.llopis&#64;tecnativa.com</a>&gt;</li> <li>Dennis Sluijk &lt;<a class="reference external" href="mailto:d.sluijk&#64;onestein.nl">d.sluijk&#64;onestein.nl</a>&gt;</li> <li>Sergio Teruel &lt;<a class="reference external" href="mailto:sergio.teruel&#64;tecnativa.com">sergio.teruel&#64;tecnativa.com</a>&gt;</li> <li>Serpent Consulting Services Pvt. Ltd.&lt;<a class="reference external" href="mailto:jay.vora&#64;serpentcs.com">jay.vora&#64;serpentcs.com</a>&gt;</li> </ul> <a name="maintainer"></a> <h4>Maintainer</h4> <a class="reference external image-reference" href="https://odoo-community.org"><img alt="Odoo Community Association" src="https://odoo-community.org/logo.png" /></a> <p>This module is maintained by the OCA.</p> <p>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.</p> <p>To contribute to this module, please visit <a class="reference external" href="https://odoo-community.org">https://odoo-community.org</a>.</p>