<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic How to render native field selection dialog in extension? in Integration, Extension &amp; APIs</title>
    <link>https://community.qlik.com/t5/Integration-Extension-APIs/How-to-render-native-field-selection-dialog-in-extension/m-p/1686682#M12522</link>
    <description>&lt;P&gt;I am trying to create an extension and I want to utilize the native field selection dialog that pops up on all the native Qlik objects when a user makes a selection.&lt;/P&gt;&lt;P&gt;It this possible and is it documented/explained anywhere?&lt;/P&gt;&lt;P&gt;Or are there any example extensions that utilize this functionality that I could look at?&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Screenshot of what I am referring to:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Capture.PNG" style="width: 319px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/30385iF0A0853833775F6E/image-dimensions/319x452?v=v2" width="319" height="452" role="button" title="Capture.PNG" alt="Capture.PNG" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Sat, 16 Nov 2024 18:54:31 GMT</pubDate>
    <dc:creator>devan9876</dc:creator>
    <dc:date>2024-11-16T18:54:31Z</dc:date>
    <item>
      <title>How to render native field selection dialog in extension?</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/How-to-render-native-field-selection-dialog-in-extension/m-p/1686682#M12522</link>
      <description>&lt;P&gt;I am trying to create an extension and I want to utilize the native field selection dialog that pops up on all the native Qlik objects when a user makes a selection.&lt;/P&gt;&lt;P&gt;It this possible and is it documented/explained anywhere?&lt;/P&gt;&lt;P&gt;Or are there any example extensions that utilize this functionality that I could look at?&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Screenshot of what I am referring to:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Capture.PNG" style="width: 319px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/30385iF0A0853833775F6E/image-dimensions/319x452?v=v2" width="319" height="452" role="button" title="Capture.PNG" alt="Capture.PNG" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Sat, 16 Nov 2024 18:54:31 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/How-to-render-native-field-selection-dialog-in-extension/m-p/1686682#M12522</guid>
      <dc:creator>devan9876</dc:creator>
      <dc:date>2024-11-16T18:54:31Z</dc:date>
    </item>
    <item>
      <title>Re: How to render native field selection dialog in extension?</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/How-to-render-native-field-selection-dialog-in-extension/m-p/1686694#M12523</link>
      <description>&lt;P&gt;Use the visualization API to create a listbox.&lt;/P&gt;</description>
      <pubDate>Mon, 23 Mar 2020 04:41:35 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/How-to-render-native-field-selection-dialog-in-extension/m-p/1686694#M12523</guid>
      <dc:creator>ErikWetterberg</dc:creator>
      <dc:date>2020-03-23T04:41:35Z</dc:date>
    </item>
    <item>
      <title>Re: How to render native field selection dialog in extension?</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/How-to-render-native-field-selection-dialog-in-extension/m-p/1686773#M12525</link>
      <description>&lt;P&gt;I'm not sure if what I want is to create a whole list box. What I want is to create the dialog window that pops up after you click the search button on a list box . The same thing also happens when you click the search button on the column headers of the native table object or on a field in a multibox.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;See image:&lt;/P&gt;&lt;P&gt;I only want to render the dialog box on the right without having to render the full list box on the left first.&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Untitled.png" style="width: 999px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/30406i648DD8E32515A6AB/image-size/large?v=v2&amp;amp;px=999" role="button" title="Untitled.png" alt="Untitled.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Mon, 23 Mar 2020 01:51:43 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/How-to-render-native-field-selection-dialog-in-extension/m-p/1686773#M12525</guid>
      <dc:creator>devan9876</dc:creator>
      <dc:date>2020-03-23T01:51:43Z</dc:date>
    </item>
    <item>
      <title>Re: How to render native field selection dialog in extension?</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/How-to-render-native-field-selection-dialog-in-extension/m-p/1687284#M12537</link>
      <description>&lt;P&gt;&lt;a href="https://community.qlik.com/t5/user/viewprofilepage/user-id/6966"&gt;@ErikWetterberg&lt;/a&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Forgot to tag you on last response..&lt;/P&gt;&lt;P&gt;&lt;BR /&gt;Also, in regards to the visualization api you mentioned, is there a way to use that to generate a filterpane? It doesn't seem to list it on the documentation page as one of the various types, but when I pass "filterpane" into the type parameter it does seem to render an empty filterpane, I just can't get it to show any fields.&lt;/P&gt;</description>
      <pubDate>Tue, 24 Mar 2020 12:10:58 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/How-to-render-native-field-selection-dialog-in-extension/m-p/1687284#M12537</guid>
      <dc:creator>devan9876</dc:creator>
      <dc:date>2020-03-24T12:10:58Z</dc:date>
    </item>
    <item>
      <title>Re: How to render native field selection dialog in extension?</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/How-to-render-native-field-selection-dialog-in-extension/m-p/1688245#M12553</link>
      <description>&lt;P&gt;Does anyone know how to do this, or at least know the username of someone who does so that they can be tagged?&lt;/P&gt;</description>
      <pubDate>Thu, 26 Mar 2020 17:03:42 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/How-to-render-native-field-selection-dialog-in-extension/m-p/1688245#M12553</guid>
      <dc:creator>devan9876</dc:creator>
      <dc:date>2020-03-26T17:03:42Z</dc:date>
    </item>
    <item>
      <title>Re: How to render native field selection dialog in extension?</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/How-to-render-native-field-selection-dialog-in-extension/m-p/1817763#M15156</link>
      <description>&lt;P&gt;Does anyone know how to&amp;nbsp; trigger the list box field selection popover that all the native objects use.&amp;nbsp; See below for reference. I am not&amp;nbsp; asking how to render a regular listbox, I specifically want the popup variant, I believe qlik calls it a "Listbox Popover" based on the class names. If it is not documented I think it would be a useful function to have added to the public api.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="listbox_popover.gif" style="width: 411px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/57503iAA95798FCBE2CEB6/image-size/large?v=v2&amp;amp;px=999" role="button" title="listbox_popover.gif" alt="listbox_popover.gif" /&gt;&lt;/span&gt;&lt;/P&gt;</description>
      <pubDate>Fri, 25 Jun 2021 03:24:29 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/How-to-render-native-field-selection-dialog-in-extension/m-p/1817763#M15156</guid>
      <dc:creator>devan9876</dc:creator>
      <dc:date>2021-06-25T03:24:29Z</dc:date>
    </item>
    <item>
      <title>Re: How to render native field selection dialog in extension?</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/How-to-render-native-field-selection-dialog-in-extension/m-p/1818989#M15188</link>
      <description>&lt;P&gt;Through trial and error I seem to have found a way to get it to work. Still seems slightly jankier than the native one so if anyone knows a better way please chime in.&amp;nbsp;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;For anyone who is wants to know how I did it see the code below:&lt;/P&gt;&lt;P&gt;Also make sure you define qlik and qvangular in the top of the js file ex: define( ["qlik","qvangular"], function (qlik,qvangular) {}&lt;/P&gt;&lt;P&gt;Then you can just call the&amp;nbsp;luiListbox function and pass in an html element and field name and it will render the listbox popover for that field under the element.&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;var luiPopover = qvangular.getService('luiPopover');

function luiListbox(elem, field) {
    var popoverElement = undefined;
    var eTemplate = `&amp;lt;lui-popover
		class="qv-listbox-popover"
		style="min-width: 200px;width: 234px;height: 332px"
		on-close-view="closeView(event)"
		qva-outside-ignore-for="{{input.qvaOutsideIgnoreFor}}"
		qva-mouse-wheel-outside="close()"&amp;gt;
		&amp;lt;lui-popover-body style="height: 332px" class="lui-nopad"&amp;gt;
		&amp;lt;qv-spinner show="!input.model" spinner-height="100px" spinner-width="100px" show-Delay="300" center-in-parent="true"&amp;gt;&amp;lt;/qv-spinner&amp;gt;
		&amp;lt;div class="toolbar-wrapper"
		qva-include-selection-toolbar&amp;gt;&amp;lt;/div&amp;gt;
		&amp;lt;div class="listbox-wrapper"&amp;gt;&amp;lt;/div&amp;gt;
		&amp;lt;/lui-popover-body&amp;gt;
		&amp;lt;/lui-popover&amp;gt;`;
    luiPopover.show({
        template: eTemplate,
        closeOnEscape: true,
        dock: "bottom",
        alignTo: elem,
        controller: ['$scope', '$element', '$timeout', function($scope, $element, $timeout) {
            $timeout(function() {
                popoverElement = $element[0].querySelector('.listbox-wrapper');
                var popOverController = $scope;
                var isRendered = false;
                var renderCount = 0;
                qlik.currApp().visualization.create('listbox', [field], {
                    "showTitles": false
                }).then(function(vis) {
                    vis.show(popoverElement).then(function(props) {
                        props.options.showSearch = true;
                        props.options.isReadonly = false;
                        props.options.onRendered = function() {
                            if (!isRendered) {
                                props.options.search?.toggle();
                                props.options.search?.focus();
                                props.object.activateSelections();
                            };
                            if (renderCount &amp;gt; 1 &amp;amp;&amp;amp; !props.options.search.show) {
                                popOverController.close();
                            }
                            isRendered = true;
                            renderCount++;
                        }
                    })

                });
            });

        }]
    })
}&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Thu, 01 Jul 2021 01:31:48 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/How-to-render-native-field-selection-dialog-in-extension/m-p/1818989#M15188</guid>
      <dc:creator>devan9876</dc:creator>
      <dc:date>2021-07-01T01:31:48Z</dc:date>
    </item>
  </channel>
</rss>

