Qlik Sense Mashup - Dynamic Text Object Height CSS

[jandelaet]

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;
}

[Anonymous]

Hi Jan,

I am not sure about that ..but you can give it a try

in HTML -  <div class="col-xs-12">

in CSS

.col-xs-12{

     height:

    width:

}