<a name="list-popover-widget"></a> <h2>List Popover Widget</h2> <p><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/license-LGPL--3-blue.png" /></a> <a class="reference external" href="https://crnd.pro/"><img alt="badge5" src="https://img.shields.io/badge/maintainer-CR&amp;D-purple.png" /></a> <a class="reference external" href="https://github.com/crnd-inc/crnd-web/tree/11.0/crnd_web_list_popover_widget"><img alt="badge6" src="https://img.shields.io/badge/GitHub-CRnD_Web_List_Popover_Widget-green.png" /></a></p> <p>Widget allows you to get text-overflow: ellipsis and popover for long text, char or HTML fields on tree view.</p> <p>For different type of field used different widgets:</p> <blockquote> <ul class="simple"> <li>char field: dynamic_popover_char,</li> <li>text field: dynamic_popover_text,</li> <li>HTML field: dynamic_popover_html.</li> </ul> </blockquote> <p>Widget has the following options:</p> <blockquote> <ul> <li><p class="first">max_width - string, max-width for field view (default 300px),</p> </li> <li><p class="first">popover_max_width - string, max-width for popover (default 276px),</p> </li> <li><p class="first">animation - string, 'True' or 'False'. Specifies whether to add a CSS fade transition effect when opening and closing the popover (default 'False'),</p> </li> <li><p class="first">placement - string, specifies the popover position (default &quot;auto&quot;):</p> <blockquote> <p>&quot;top&quot; - Popover on top</p> <p>&quot;bottom&quot; - Popover on bottom</p> <p>&quot;left&quot; - Popover on left</p> <p>&quot;right&quot; - Popover on right</p> <p>&quot;auto&quot; - Lets the browser decide the position of the popover,</p> </blockquote> </li> <li><p class="first">line_clamp - string, number of multi strings for field view (default 1).</p> <blockquote> <p>NOTE: line_clamp option is not work for IE, it always will be 1.</p> </blockquote> </li> </ul> </blockquote> <p>How it works:</p> <ol class="arabic simple"> <li>Define a widget on the list view:</li> </ol> <p>For text field:</p> <blockquote> <pre> <code lang="xml">&lt;field name=&quot;test_description_text&quot; string=&quot;Description&quot; widget=&quot;dynamic_popover_text&quot; options=&quot;{'max_width': '350px', 'line_clamp': '3'}&quot;/&gt;</code> </pre> </blockquote> <p>For char field:</p> <blockquote> <pre> <code lang="xml">&lt;field name=&quot;test_description_char&quot; string=&quot;Description&quot; widget=&quot;dynamic_popover_char&quot; options=&quot;{'max_width': '350px', 'line_clamp': '3'}&quot;/&gt;</code> </pre> </blockquote> <p>For HTML field:</p> <blockquote> <pre> <code lang="xml">&lt;field name=&quot;test_description_html&quot; string=&quot;Description&quot; widget=&quot;dynamic_popover_html&quot; options=&quot;{'max_width': '350px', 'line_clamp': '3'}&quot;/&gt;</code> </pre> </blockquote> <p>For common user agents:</p> <p></p> <p></p> <p>For IE user agents:</p> <p></p> <p></p> <p>For HTML fields:</p> <p></p> <p>Edit mode:</p> <p></p> <p></p> <p></p> <p></p> <a name="launch-your-own-itsm-system-in-60-seconds"></a> <h3>Launch your own ITSM system in 60 seconds:</h3> <p>Create your own <a class="reference external" href="https://yodoo.systems/saas/template/bureaucrat-itsm-demo-data-95">Bureaucrat ITSM</a> database</p> <p><a class="reference external" href="https://yodoo.systems"><img alt="badge3" src="https://img.shields.io/badge/powered%20by-yodoo.systems-00a09d.png" /></a></p> <a name="bug-tracker"></a> <h2>Bug Tracker</h2> <p>Bugs are tracked on <a class="reference external" href="https://crnd.pro/requests">https://crnd.pro/requests</a>. In case of trouble, please report there.</p> <a name="maintainer"></a> <h3>Maintainer</h3> <img alt="https://crnd.pro/web/image/3699/300x140/crnd.png" src="https://crnd.pro/web/image/3699/300x140/crnd.png" /> <p>Our web site: <a class="reference external" href="https://crnd.pro/">https://crnd.pro/</a></p> <p>This module is maintained by the Center of Research &amp; Development company.</p> <p>We can provide you further Odoo Support, Odoo implementation, Odoo customization, Odoo 3rd Party development and integration software, consulting services. Our main goal is to provide the best quality product for you.</p> <p>For any questions <a class="reference external" href="mailto:info&#64;crnd.pro">contact us</a>.</p>