<?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 Passing field selections in Qliksense Mashup through HTML URL in App Development</title>
    <link>https://community.qlik.com/t5/App-Development/Passing-field-selections-in-Qliksense-Mashup-through-HTML-URL/m-p/1186401#M22159</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;STRONG&gt;Problem&lt;/STRONG&gt;:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;When we try to embed an app sheet or object in IFRAME using &lt;SPAN style="font-size: 13.3333px;"&gt;Single configurator, &lt;/SPAN&gt;we are able to pass the selection to Fileds by appending this&amp;nbsp;&amp;nbsp; "&amp;amp;select=&amp;lt;FieldName&amp;gt;,&amp;lt;FiledValue&amp;gt;" &lt;SPAN style="font-size: 13.3333px;"&gt;and the end of the generated URL. when we will be passing from our integrated host application. But when&lt;/SPAN&gt; we try to do &lt;SPAN style="font-size: 13.3333px;"&gt;the same way in m&lt;/SPAN&gt;ashup we are unable to pass the selections like single configurator&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;STRONG&gt;Work Around&lt;/STRONG&gt;:&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;So as work around solution we tried to parse the URL and take the parameters from URL and assign it to selections in the Mashup JS file.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Step1:&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Add the below mentioned a function in Mashup JS file you can parse the string in your Mashup URL&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;function GetURLParameter(sParam)&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;{&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var sPageURL = window.location.search.substring(1);&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var sURLVariables = sPageURL.split('&amp;amp;');&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; for (var i = 0; i &amp;lt; sURLVariables.length; i++)&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var sParameterName = sURLVariables&lt;I&gt;.split('=');&lt;/I&gt;&lt;/EM&gt;&lt;I&gt;&lt;/I&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (sParameterName[0] == sParam)&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; return sParameterName[1];&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;}&lt;/EM&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Ref: &lt;A class="x_jive-link-external-small" href="http://www.jquerybyexample.net/2012/06/get-url-parameters-using-jquery.html" rel="nofollow" target="_blank"&gt;Get URL Parameters using jQuery&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; |&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; jQuery By Example&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Step 2:&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Assign the parsed values to a variable using this function&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;SPAN style="font-size: 10pt;"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN style="font-size: 10pt;"&gt;&lt;EM&gt;var v&lt;/EM&gt;&lt;/SPAN&gt;&lt;EM&gt;FieldName&lt;/EM&gt;&lt;SPAN style="font-size: 10pt;"&gt;&lt;EM&gt;= GetURLParameter('State');&lt;/EM&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Step 3:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Apply the variable to the Qlik selection&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;app.field("&amp;lt;FieldName&amp;gt;").selectMatch(vFieldName, false);&lt;/EM&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Sample Mashup URL Format : &lt;A class="x_jive-link-external-small" href="http://localhost:4848/extensions/odp-test/odp-test.html?State=Alaska" rel="nofollow" target="_blank"&gt;http://localhost:4848/extensions/mashup-test/mashup-test.html?&amp;lt;FieldName&amp;gt;=&amp;lt;FieldValue&amp;gt;&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;In case of multiple fields repeat the above step 2,3 again.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;P.S. If there is any other better option to pass the selections to the Mashup URL, Please help.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Thanks,&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Lakshmikandh&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Fri, 16 Sep 2016 07:59:42 GMT</pubDate>
    <dc:creator>lakshmikandh</dc:creator>
    <dc:date>2016-09-16T07:59:42Z</dc:date>
    <item>
      <title>Passing field selections in Qliksense Mashup through HTML URL</title>
      <link>https://community.qlik.com/t5/App-Development/Passing-field-selections-in-Qliksense-Mashup-through-HTML-URL/m-p/1186401#M22159</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;STRONG&gt;Problem&lt;/STRONG&gt;:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;When we try to embed an app sheet or object in IFRAME using &lt;SPAN style="font-size: 13.3333px;"&gt;Single configurator, &lt;/SPAN&gt;we are able to pass the selection to Fileds by appending this&amp;nbsp;&amp;nbsp; "&amp;amp;select=&amp;lt;FieldName&amp;gt;,&amp;lt;FiledValue&amp;gt;" &lt;SPAN style="font-size: 13.3333px;"&gt;and the end of the generated URL. when we will be passing from our integrated host application. But when&lt;/SPAN&gt; we try to do &lt;SPAN style="font-size: 13.3333px;"&gt;the same way in m&lt;/SPAN&gt;ashup we are unable to pass the selections like single configurator&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;STRONG&gt;Work Around&lt;/STRONG&gt;:&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;So as work around solution we tried to parse the URL and take the parameters from URL and assign it to selections in the Mashup JS file.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Step1:&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Add the below mentioned a function in Mashup JS file you can parse the string in your Mashup URL&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;function GetURLParameter(sParam)&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;{&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var sPageURL = window.location.search.substring(1);&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var sURLVariables = sPageURL.split('&amp;amp;');&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; for (var i = 0; i &amp;lt; sURLVariables.length; i++)&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var sParameterName = sURLVariables&lt;I&gt;.split('=');&lt;/I&gt;&lt;/EM&gt;&lt;I&gt;&lt;/I&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (sParameterName[0] == sParam)&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; return sParameterName[1];&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/EM&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;}&lt;/EM&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Ref: &lt;A class="x_jive-link-external-small" href="http://www.jquerybyexample.net/2012/06/get-url-parameters-using-jquery.html" rel="nofollow" target="_blank"&gt;Get URL Parameters using jQuery&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; |&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; jQuery By Example&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Step 2:&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Assign the parsed values to a variable using this function&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;SPAN style="font-size: 10pt;"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;SPAN style="font-size: 10pt;"&gt;&lt;EM&gt;var v&lt;/EM&gt;&lt;/SPAN&gt;&lt;EM&gt;FieldName&lt;/EM&gt;&lt;SPAN style="font-size: 10pt;"&gt;&lt;EM&gt;= GetURLParameter('State');&lt;/EM&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Step 3:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Apply the variable to the Qlik selection&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;&lt;EM&gt;app.field("&amp;lt;FieldName&amp;gt;").selectMatch(vFieldName, false);&lt;/EM&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Sample Mashup URL Format : &lt;A class="x_jive-link-external-small" href="http://localhost:4848/extensions/odp-test/odp-test.html?State=Alaska" rel="nofollow" target="_blank"&gt;http://localhost:4848/extensions/mashup-test/mashup-test.html?&amp;lt;FieldName&amp;gt;=&amp;lt;FieldValue&amp;gt;&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;In case of multiple fields repeat the above step 2,3 again.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;P.S. If there is any other better option to pass the selections to the Mashup URL, Please help.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Thanks,&lt;/P&gt;&lt;P style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 13.3333px;"&gt;Lakshmikandh&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Fri, 16 Sep 2016 07:59:42 GMT</pubDate>
      <guid>https://community.qlik.com/t5/App-Development/Passing-field-selections-in-Qliksense-Mashup-through-HTML-URL/m-p/1186401#M22159</guid>
      <dc:creator>lakshmikandh</dc:creator>
      <dc:date>2016-09-16T07:59:42Z</dc:date>
    </item>
  </channel>
</rss>

