Qlik Community

Qlik Sense Integration, Extensions, & APIs

Discussion board where members can learn more about Integration, Extensions and API’s for Qlik Sense.

jandelaet
New 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
sandeep_roy
Contributor

Re: Qlik Sense Mashup - Dynamic Text Object Height CSS

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:

}