topic Re: Issue with custom table load in Integration, Extension & APIs

Issue with custom table load

y_grynechko — Fri, 30 Nov 2018 14:01:51 GMT

Hello,

I have an issue with one object I open in a mashup.

It is a custom table, I tried getting it in two different ways:

app.visualization.get('QlikID');

app.getObject('QlikID');

but in both cases the column names stack on the left side:

And i should be like this:

Any ideas why it get formatted like that?

Thanks!

Re: Issue with custom table load

ErikWetterberg — Fri, 30 Nov 2018 14:16:02 GMT

Hi,

Check the css - are there any css classes that clash? Also verify that the css is loaded (check the browser console for errors). This looks like an extension, so you should probably talk to the extension developer.

Re: Issue with custom table load

y_grynechko — Fri, 30 Nov 2018 14:30:10 GMT

Issue is definitely on my side. I tried loading same element to fresh mashup with only one element end it looks fine. I just can't find the bug.
All the css formatting used:

<body style="overflow: auto">

main{
background-color: #fff;
width: 100%;
overflow: auto;
display:flex;
}
.content{
width:83%;
background-color:f3f3f3;
margin-top:20px;
margin-right:3%;
}
.content .visualizations{
margin-top:2%;
display: flex;
flex-wrap: wrap;
margin-bottom:1%;
}
.content .visualizations .qvplaceholderPOTABLE{
height: 600px;
width:100%;
}

Any idea which may format it like this?

Re: Issue with custom table load

y_grynechko — Fri, 30 Nov 2018 16:10:49 GMT

Issue was in the library I was using for some functions. After removing the line table issue is solved.
Library:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>