<?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 Re: Display Text with API for extend qlik visualizations in Integration, Extension &amp; APIs</title>
    <link>https://community.qlik.com/t5/Integration-Extension-APIs/Display-Text-with-API-for-extend-qlik-visualizations/m-p/2436775#M20314</link>
    <description>&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;To integrate text using the Nebula.js library for Qlik charts, you can follow a similar process to what you did for the bar chart. Here's how you can include text using the sn-text extension:&lt;/P&gt;
&lt;OL&gt;
&lt;LI&gt;Import the sn-text script:&lt;/LI&gt;
&lt;/OL&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;DIV class="dark bg-gray-950 rounded-md"&gt;
&lt;DIV class="flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md"&gt;&lt;SPAN&gt;html&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="p-4 overflow-y-auto"&gt;&lt;CODE class="!whitespace-pre hljs language-html"&gt;&lt;SPAN class="hljs-tag"&gt;&amp;lt;&lt;SPAN class="hljs-name"&gt;script&lt;/SPAN&gt; &lt;SPAN class="hljs-attr"&gt;src&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;"&lt;A href="https://cdn.jsdelivr.net/npm/@nebula.js/sn-text" target="_blank"&gt;https://cdn.jsdelivr.net/npm/@nebula.js/sn-text&lt;/A&gt;"&lt;/SPAN&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="hljs-tag"&gt;&amp;lt;/&lt;SPAN class="hljs-name"&gt;script&lt;/SPAN&gt;&amp;gt;&lt;/SPAN&gt;
&lt;/CODE&gt;&lt;/DIV&gt;
&lt;/DIV&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;PRE&gt;&amp;nbsp;&lt;/PRE&gt;
&lt;OL start="2"&gt;
&lt;LI&gt;Use the &lt;CODE&gt;qlik_chart&lt;/CODE&gt; function to display the text:&lt;/LI&gt;
&lt;/OL&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;DIV class="dark bg-gray-950 rounded-md"&gt;
&lt;DIV class="flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md"&gt;&lt;SPAN&gt;html&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="p-4 overflow-y-auto"&gt;&lt;CODE class="!whitespace-pre hljs language-html"&gt;{{ qlik_chart(chart_id="TEXT-CHART-ID", app_id="APP-ID", chart_type="text")}}
&lt;/CODE&gt;&lt;/DIV&gt;
&lt;/DIV&gt;
&lt;P&gt;&lt;LI-WRAPPER&gt;&lt;/LI-WRAPPER&gt;&lt;/P&gt;
&lt;PRE&gt;&amp;nbsp;&lt;/PRE&gt;
&lt;P&gt;Replace &lt;CODE&gt;"TEXT-CHART-ID"&lt;/CODE&gt; with the ID of the text chart you want to display and &lt;CODE&gt;"APP-ID"&lt;/CODE&gt; with your Qlik app ID.&lt;/P&gt;
&lt;P&gt;Make sure you have the correct chart ID for the text chart you want to display. Additionally, ensure that you have the necessary permissions and configurations set up in your Qlik environment to access and display the text chart data. Also, check out baweja Media&lt;/P&gt;</description>
    <pubDate>Tue, 02 Apr 2024 12:57:36 GMT</pubDate>
    <dc:creator>BawejaMedia</dc:creator>
    <dc:date>2024-04-02T12:57:36Z</dc:date>
    <item>
      <title>Display Text with API for extend qlik visualizations</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/Display-Text-with-API-for-extend-qlik-visualizations/m-p/2436773#M20313</link>
      <description>&lt;P&gt;I'm using the qlik API to display charts into a website of mine.&amp;nbsp;&lt;BR /&gt;&lt;BR /&gt;To do so, i use the documentation here&amp;nbsp;&lt;A href="https://qlik.dev/extend/extend-qlik-visualizations/supported-charts/" target="_blank"&gt;https://qlik.dev/extend/extend-qlik-visualizations/supported-charts/&lt;/A&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;/P&gt;
&lt;P&gt;and basically what i do is :&lt;/P&gt;
&lt;P&gt;I import the script by doing that&amp;nbsp;&lt;/P&gt;
&lt;DIV&gt;&lt;LI-CODE lang="markup"&gt;&amp;lt;script src="https://cdn.jsdelivr.net/npm/@nebula.js/sn-barchart"&amp;gt;&amp;lt;/script&amp;gt;&lt;/LI-CODE&gt;&lt;/DIV&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;And then, i can just display a chart by doing something like that&amp;nbsp;&lt;/P&gt;
&lt;DIV&gt;
&lt;DIV&gt;&lt;LI-CODE lang="markup"&gt;{{ qlik_chart(chart_id="CHART-ID", app_id="APP-ID", chart_type="barchart")}}&lt;/LI-CODE&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;This is working fine with the chart I want. From one exception, the text !&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Here is the weird thing tho, a file to integrate the text is available online at&amp;nbsp;&lt;A href="https://cdn.jsdelivr.net/npm/@nebula.js/sn-text" target="_blank"&gt;https://cdn.jsdelivr.net/npm/@nebula.js/sn-text&lt;/A&gt;. So that's why i'm pretty sure this could work. But maybe the method of use would be different and I can't really get why or how i'm supposed to find that.&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Thanks in advance&amp;nbsp;&lt;/P&gt;
&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;/DIV&gt;</description>
      <pubDate>Tue, 02 Apr 2024 12:54:29 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/Display-Text-with-API-for-extend-qlik-visualizations/m-p/2436773#M20313</guid>
      <dc:creator>AphroMad</dc:creator>
      <dc:date>2024-04-02T12:54:29Z</dc:date>
    </item>
    <item>
      <title>Re: Display Text with API for extend qlik visualizations</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/Display-Text-with-API-for-extend-qlik-visualizations/m-p/2436775#M20314</link>
      <description>&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;To integrate text using the Nebula.js library for Qlik charts, you can follow a similar process to what you did for the bar chart. Here's how you can include text using the sn-text extension:&lt;/P&gt;
&lt;OL&gt;
&lt;LI&gt;Import the sn-text script:&lt;/LI&gt;
&lt;/OL&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;DIV class="dark bg-gray-950 rounded-md"&gt;
&lt;DIV class="flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md"&gt;&lt;SPAN&gt;html&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="p-4 overflow-y-auto"&gt;&lt;CODE class="!whitespace-pre hljs language-html"&gt;&lt;SPAN class="hljs-tag"&gt;&amp;lt;&lt;SPAN class="hljs-name"&gt;script&lt;/SPAN&gt; &lt;SPAN class="hljs-attr"&gt;src&lt;/SPAN&gt;=&lt;SPAN class="hljs-string"&gt;"&lt;A href="https://cdn.jsdelivr.net/npm/@nebula.js/sn-text" target="_blank"&gt;https://cdn.jsdelivr.net/npm/@nebula.js/sn-text&lt;/A&gt;"&lt;/SPAN&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="hljs-tag"&gt;&amp;lt;/&lt;SPAN class="hljs-name"&gt;script&lt;/SPAN&gt;&amp;gt;&lt;/SPAN&gt;
&lt;/CODE&gt;&lt;/DIV&gt;
&lt;/DIV&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;PRE&gt;&amp;nbsp;&lt;/PRE&gt;
&lt;OL start="2"&gt;
&lt;LI&gt;Use the &lt;CODE&gt;qlik_chart&lt;/CODE&gt; function to display the text:&lt;/LI&gt;
&lt;/OL&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;DIV class="dark bg-gray-950 rounded-md"&gt;
&lt;DIV class="flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md"&gt;&lt;SPAN&gt;html&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV class="p-4 overflow-y-auto"&gt;&lt;CODE class="!whitespace-pre hljs language-html"&gt;{{ qlik_chart(chart_id="TEXT-CHART-ID", app_id="APP-ID", chart_type="text")}}
&lt;/CODE&gt;&lt;/DIV&gt;
&lt;/DIV&gt;
&lt;P&gt;&lt;LI-WRAPPER&gt;&lt;/LI-WRAPPER&gt;&lt;/P&gt;
&lt;PRE&gt;&amp;nbsp;&lt;/PRE&gt;
&lt;P&gt;Replace &lt;CODE&gt;"TEXT-CHART-ID"&lt;/CODE&gt; with the ID of the text chart you want to display and &lt;CODE&gt;"APP-ID"&lt;/CODE&gt; with your Qlik app ID.&lt;/P&gt;
&lt;P&gt;Make sure you have the correct chart ID for the text chart you want to display. Additionally, ensure that you have the necessary permissions and configurations set up in your Qlik environment to access and display the text chart data. Also, check out baweja Media&lt;/P&gt;</description>
      <pubDate>Tue, 02 Apr 2024 12:57:36 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/Display-Text-with-API-for-extend-qlik-visualizations/m-p/2436775#M20314</guid>
      <dc:creator>BawejaMedia</dc:creator>
      <dc:date>2024-04-02T12:57:36Z</dc:date>
    </item>
    <item>
      <title>Re: Display Text with API for extend qlik visualizations</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/Display-Text-with-API-for-extend-qlik-visualizations/m-p/2436804#M20315</link>
      <description>&lt;P&gt;Hey, thanks for the quick answer.&amp;nbsp;&lt;BR /&gt;&lt;BR /&gt;Unfortunately, using the usual method import sn-text script + using the qlik_chart function does not work.&amp;nbsp;&lt;BR /&gt;I'm having this error in the console :&lt;/P&gt;
&lt;LI-CODE lang="markup"&gt;DOMException: Failed to execute 'querySelector' on 'Document': '#xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx' is not a valid selector. &lt;/LI-CODE&gt;
&lt;P&gt;&lt;BR /&gt;&lt;BR /&gt;I'm not sure i actually understood the sentence :&amp;nbsp;&lt;/P&gt;
&lt;P&gt;"&lt;SPAN&gt;Additionally, ensure that you have the necessary permissions and configurations set up in your Qlik environment to access and display the text chart data.". Where could I check that ?&amp;nbsp;&lt;BR /&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;Thanks in advance&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Tue, 02 Apr 2024 13:26:38 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/Display-Text-with-API-for-extend-qlik-visualizations/m-p/2436804#M20315</guid>
      <dc:creator>AphroMad</dc:creator>
      <dc:date>2024-04-02T13:26:38Z</dc:date>
    </item>
    <item>
      <title>Re: Display Text with API for extend qlik visualizations</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/Display-Text-with-API-for-extend-qlik-visualizations/m-p/2438422#M20333</link>
      <description>&lt;P&gt;Hey, still no idea to solve this ?&amp;nbsp;&lt;BR /&gt;&lt;BR /&gt;Thanks in advance !&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Fri, 05 Apr 2024 15:29:04 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/Display-Text-with-API-for-extend-qlik-visualizations/m-p/2438422#M20333</guid>
      <dc:creator>AphroMad</dc:creator>
      <dc:date>2024-04-05T15:29:04Z</dc:date>
    </item>
  </channel>
</rss>

