1 Reply Latest reply: Jan 24, 2018 10:24 AM by Sandeep Roy RSS

    Qlik Sense Mashup - Dynamic Text Object Height CSS

    Jan De Laet

      Hi folks,

       

      I'm struggling with the next problem.

       

      I'm building a Qlik Sense Mashup and i'm including a text object from a Sense App.

      In the mashup, I would like to give the object a dynamic height so when text is added or deleted the object will resize.

       

      When I add the height in exact pixels, it works fine. But how can I make the first object (QV09 - Text Box) have a dynamic height based on the content? It doesn't seem to work by just setting the width or working with %.

       

      Thanks a lot!

       

      HTML

      <div class="row">
       <div class="col-sm-12">
        <div class="qvobject height-100" id="QV09"></div>
       </div>
      </div>
      <div class="row">
       <div class="col-sm-6">
        <div class="qvobject height-400" id="QV06"></div>
       </div> 
       <div class="col-sm-6">
        <div class="qvobject height-400" id="QV08"></div>
       </div>
      </div>
      

       

      CSS

      .height-100 {
       height:100px;
      }
      .height-400 {
       height:400px;
      }