2017-01-05 12 views
2

enter image description here私は9枚のタイルで "ダッシュボード"を持っています。各タイルにカスタム剣道ウィジェットを入れることができます。私は右上剣道の上に浮かせるボタンを得る方法

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

に編集アイコンを配置し、ウィジェットは、タイルの1つに挿入されます

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

それを浮かせて個々のウィジェットを編集できるようにしたいです。ウィジェットは、問題は、この「編集ボタン」は、タイルの1つ上にある時はいつでも、それはウィジェットがないことである親の高さ(ダッシュボード上の9枚のタイルの1つ)

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

を埋めるに属性を持っています親の高さを計算するときにそれを含め、タイルをスクロールバーで残します。

enter image description here

私はウィジェットをレンダリングする方法を見つけ出すと、その親を埋めるために知っているが、そのタイル内にあるボタンを占めることはできません(それが唯一の12ピクセル程度です)。

ありがとうございます。

+0

これまでの内容を確認できるように、UIのスクリーンショットを提供できますか? – ITWitch

+0

私は2回のショットを追加しました。あなたは私の問題を2番目のもので見ることができます。編集ボタンとウィジェットがあるため、すべてのタイルにはスクロールバーがあります。 –

答えて

0

ビルド時にウィジェットの設定を追加しました。

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

- 40が前にありませんでした。基本的に私のボタンは約40ピクセルなので、そのトリックをしました。

関連する問題