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

Question

目标： 在 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 创建我的混搭。

Answer 1

添加这个，工具栏将显示：

.qv-filterpane
{
    overflow: visible;
}

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

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

Qlik Sense Mashup Issue - List Box Toolbar is not showing when making selections

css

listbox

mashup

twitter-bootstrap

qliksense