0 Replies Latest reply: Sep 9, 2018 6:37 PM by Bryan Townsend RSS

    Qlik Sense mashup resize table/grid

    Bryan Townsend

      I'm new to mashups, and I'm starting with the basic mashup template. I've pulled in a filter panel, and a table object from an app. I'd like the table object to dynamically change height based on the number of records in the table, which will vary based on selected filters. Unfortunately the table remains the same height regardless of the number of records. Below is the html code, and the js script that I've tried. Does anyone know how to accomplish this?

       

      HTML:

      <body style="overflow: auto">

      <!--Filter object-->

      <div id="QV00" class="qvfilterobject"></div>

      <!--Table Object-->

      <div style="border:1px solid black" id="QV01"></div>

       

      js script:

      var prefix = window.location.pathname.substr( 0, window.location.pathname.toLowerCase().lastIndexOf( "/extensions" ) + 1 );

      var config = {

      host: window.location.hostname,

      prefix: prefix,

      port: window.location.port,

      isSecure: window.location.protocol === "https:"

      };

      require.config( {

      baseUrl: ( config.isSecure ? "https://" : "http://" ) + config.host + (config.port ? ":" + config.port : "") + config.prefix + "resources"

      } );

       

      require( ["js/qlik"], function ( qlik ) {

      qlik.setOnError( function ( error ) {

      $( '#popupText' ).append( error.message + "<br>" );

      $( '#popup' ).fadeIn( 1000 );

      } );

      $( "#closePopup" ).click( function () {

      $( '#popup' ).hide();

      } );


      //open apps -- inserted here --

      var app = qlik.openApp('eb29e091-65ad-475e-a864-553bbf634d38', config);

       

      //get objects -- inserted here --

      app.getObject('QV00','1222ac6a-f88c-44d3-b1f4-e2547b001c45');

      app.getObject('QV01','TcDzGsS').then(function(vis) {qlik.resize('FpUgm');});

      } );