kendo-ui-angular2 - ダイアログ: ダイアログのコンテンツをスクロール可能にする方法は?

Question

とにかく、ダイアログのコンテンツをスクロール可能にするには? 多くのコンテンツを含む Dialog コンテンツがあり、スクロール可能にしたいだけです。ここでは、Boostrap とスクロール可能なモーダル コンテンツのみを使用したサンプルを示します: http://www.bootply.com/WaTI0dBpa3

Answer 1

現時点では、ダイアログにはスクロールを有効にするプロパティがありません。これを実現するには、ダイアログ内にスクロール可能なdiv要素を追加し、いくつかのスタイルを追加します。

<kendo-dialog title="Dialog">
    <div style="height:200px; overflow:auto; padding:1.143em; margin:-1.143em;">
        <!-- content -->
    </div>

    <kendo-dialog-actions style="margin: 0">
        <button kendoButton>OK</button>
    </kendo-dialog-actions>
</kendo-dialog>

実行可能なデモについては、このプランカーを参照してください。

これは優れた機能であり、ダイアログの今後のバージョンの実装のために記録されています。