Qlik Sense Mashup 问题 - 进行选择时未显示列表框工具栏答案

【问题标题】：Qlik Sense Mashup Issue - List Box Toolbar is not showing when making selectionsQlik Sense Mashup 问题 - 进行选择时未显示列表框工具栏
【发布时间】：2017-01-30 14:57:37
【问题描述】：

目标： 我试图在 Qlik Sense Mashup 中选择其中一个值时显示列表框的工具栏。

问题： 工具栏未显示。

这是代码：

</html>
...
<body>
...
<div class="row">
    <div class="col-xs-12 col-lg-12">
        <div style="position:relative">
           <div id="QV20" style="width:100%;height:350px;top:0px;left:0px;z-index:1300;"></div>
        </div>
    </div>
</div>
...
</body>
</html>

这是我目前的结果：

Click here to show picture - Toolbar is not showing

这是我愿意达到的目标：

Click here to show picture - desired result

我已经尝试了以下方法：

1) 将顶部更改为多个值 --> 没有工具栏

2) 尝试更改 z-index --> 仍然没有工具栏

3) 尝试改变高度 --> 仍然没有工具栏

4) 甚至尝试使用这个：

 style="width: calc(100% - 4px); height: calc(8.33333% - 4px); left: calc(0% + 2px); top: calc(0% + 2px);"

这直接来自 Qlik Sense 本身 --> 仍然没有工具栏

PS：如您所见，我也在使用 Bootstrap 来创建我的 Mashup。

【问题讨论】：

标签： css twitter-bootstrap listbox qliksense mashup

【解决方案1】：

添加这个，工具栏就会出现：

.qv-filterpane
{
    overflow: visible;
}

.qv-selection-toolbar
{  
    position: absolute !important;  
}

【讨论】：