如何让按钮漂浮在剑道小部件上答案

【问题标题】：How to get button to float over kendo widget如何让按钮漂浮在剑道小部件上
【发布时间】：2017-01-05 00:24:05
【问题描述】：

我有一个包含 9 个图块的“仪表板”。每个图块都可以包含一个自定义 Kendo 小部件。我希望能够单独编辑每个小部件，所以我在右上角放置了一个编辑图标

.right-side
  .dashboard-button.alt
    .fa.fa-pencil

然后飘起来

.right-side{
  display: inline-block;
  float: right;
}

widget 被插入其中一个图块。小部件有一个属性来填充其父高度（仪表板上的 9 个图块之一）

.custom-widget{data: {'custom-chart-data' => widget.widget_data, 'url' => 'test', 'fill-parent-height' => 'true', 'widget-options' => widget.options_data }}

问题在于，每当这个“编辑按钮”位于其中一个图块上时，小部件在计算父高度时不包括它，并且使图块带有滚动条。（只有12px左右）

我不知道如何呈现小部件并使其知道填充其父级，但要考虑其磁贴内的按钮。

提前致谢

【问题讨论】：

您能否提供用户界面的屏幕截图，以便我们查看您目前拥有的内容？
我添加了两个镜头。你可以在第二个中看到我的问题。所有的图块都有滚动条，因为它们有一个编辑按钮和小部件。

标签： javascript jquery html css kendo-ui

【解决方案1】：

我在构建小部件时添加了更多配置。

if widget.data("fill-parent-height")
  summary_chart_options.chartArea = { height: widget.parent().height() - 40 }
widget.kendoChart( summary_chart_options )

- 40 以前不存在。基本上我的按钮大约是 40 像素，所以成功了。

【讨论】：