Skip to main content
Announcements
Have questions about Qlik Connect? Join us live on April 10th, at 11 AM ET: SIGN UP NOW
cancel
Showing results for 
Search instead for 
Did you mean: 
jandelaet
Contributor
Contributor

Qlik Sense Mashup - Dynamic Text Object Height CSS

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

1 Reply
Anonymous
Not applicable

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:

}