【问题标题】:How to move "apply filters" button up to directly below the filters on a Superset dashboard embedded via iframe?如何将“应用过滤器”按钮直接移动到通过 iframe 嵌入的 Superset 仪表板上的过滤器下方?
【发布时间】:2022-08-17 03:52:50
【问题描述】:
我在 Apache Superset 2.0.0 中有一个高大的仪表板(多屏显示,带有滚动条)。我在左侧有一个原生过滤器窗格,顶部是过滤器,然后是屏幕底部的“应用过滤器”和“清除所有”按钮。当直接在 Superset 中查看时,它看起来很棒:当我滚动时,这些按钮保持在原位。
但是,当我通过 iframe 嵌入此仪表板时,过滤器操作按钮一直显示在我的高仪表板的底部。在我的例子中,过滤器输入和按钮之间有一个全屏的空白,所以你不能同时看到它们。这让用户感到困惑。
如何强制将按钮直接锚定在最后一个过滤器下方?
标签:
iframe
apache-superset
【解决方案1】:
编辑仪表板 -> 编辑 CSS并添加:
.open > div:nth-child(3) {
position: absolute;
top: 300px;
}
根据需要调整300px 以进一步向上或向下硬编码。
过滤器按钮是 open 类 div 的直接第三个孩子,> 使其仅直接,因此第三个过滤器(如果有的话)也不会移动到此位置。