AdminLTETE Expand or Fullscreenボックス

Question

AdminLTEBootstrapに基づく管理テンプレート。

box-widgetをフルスクリーンモード（2番目のボタン）に拡張できるかどうかは疑問です。

これが機能するようにする任意のCSSクラスまたはJavaScriptの先端がある場合、私は探しています。

私はこのようなことをAdminLTE文書で見つけられませんでした。

Answer 1

上のアイコンを変更。 私はこのようにしました。

HTML

<button type="button" class="toggle-expand-btn btn bg-yellow btn-sm"><i class="fa fa-expand"></i></button> 

CSS

<style> 
.panel-fullscreen { 
display: block; 
z-index: 9999; 
position: fixed; 
width: 100%; 
height: 100%; 
top: 0; 
right: 0; 
left: 0; 
bottom: 0; 
overflow: auto; 
} 
</style> 

JS

$(".toggle-expand-btn").click(function (e) { 
    $(this).closest('.box.box-warning').toggleClass('panel-fullscreen'); 
}); 

変更ボックス、ボタンクラスのあなたの必要性に応じて、それが修正されます。 うまくいくと思います。

Answer 2

フルスクリーンモードを取得するためにブートストラップクラスを使用できます。

Answer 3

オープンボックス：<div class="box">

Aはボックス崩壊：<div class="box collapsed-box">

をそしてofcourseの私は今日も同じ問題に遭遇したボタン