Qlik Community

Qlik Sense App Development

Discussion board where members can learn more about Qlik Sense App Development and Usage.

kothakas
New Contributor III

Popup in Mashup going under content

Hi,

I have created a mash up and when I click on the filter/search option in a table, I am seeing some undesirable behavior.

1) The popup is opening up a bit above the filter/search icon

popup 1.png

2) The top of the popup is getting hidden under the iframe inside which the mashup is being displayed. On the right is the desired behavior with the red and green links.

popup 2.PNG    popup 3.PNG

What can I do to fix these two issues?

Thanks!

1 Solution

Accepted Solutions
rbartley
Contributor III

Re: Popup in Mashup going under content

Hi Sandeep,

If you could post your HTML, it would help.  However, it seems to me that you should be able to resolve this by setting the z-index values of the iFrame and individual tags as necessary.

3 Replies
Not applicable

Re: Popup in Mashup going under content

Try this

<div id="myModal" class="modal fade" role="dialog">

<div class="modal-dialog modal-lg">

<!-- Map Modal content-->

<div class="modal-content">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal">×</button>

<h4 class="modal-title">Customer Geography</h4>

</div>

<div class="modal-body">

<p>Where did we sell our products?.</p>

<div id="CustomerGeography" style="height:500px;"></div>

</div>

<div class="modal-footer">

<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

</div>

</div>

</div>

</div>

visit: custom essay writing service

rbartley
Contributor III

Re: Popup in Mashup going under content

Hi Sandeep,

If you could post your HTML, it would help.  However, it seems to me that you should be able to resolve this by setting the z-index values of the iFrame and individual tags as necessary.

kothakas
New Contributor III

Re: Popup in Mashup going under content

Thanks for pointer Richard.

I was able to make changes to the z-index property of the visual and the corresponding element under which the contest was getting displayed and that resolved the issue.