Qlik Community

Qlik Sense Integration, Extensions, & APIs

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

Announcements
If you are a Qlik Insight Bot user, join this collaborative group: JOIN GROUP
Highlighted
New 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