Qlik Community

Qlik Sense Integration, Extensions, & APIs

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

Announcements
Qlik Analytics Tour 2020 Online. Begins August 10th. Register Today
cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
Contributor III
Contributor III

Responsive Qlik Sense Extension Object

Hi Everyone,

Here I'm trying to develop a bar chart extension for Qlik Sense. For making the extension responsive I have used jquery functions: 


var boundingRect = container.getBoundingClientRect();

        width = boundingRect.width;

        height = boundingRect.height;

But for calculating the margins and displaying the labels according to the container size includes a lot of if conditions like given below.

            if(!yaxisprop.visible && yaxisprop.dimLabel && width>270 && height>120){

                    margin.left=xxxxLen*4;

                    margin.right=width*.02;

            }

And also I have tried useing media queries for css.
But it does not give me any output.

@media (max-width: 480px) {

.qv-object-barChart .container {

font-size: 20px;

}

.qv-object-barChart .axisLabel {

font-size: 20px;

}

.qv-object-barChart .xAxisDimensionLabel {

display: none;

}

}

Any help in this greatly appreciated. Qlik guys this is my humble request please respond to the queries.

Thank You

Stanly