AdminLTE展開或全屏顯示框

Question

AdminLTE基於Bootstrap的管理員模板。

我想知道是否可以將box-widget擴展爲全屏模式（第二個按鈕）。

我期待，如果有任何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

您可以使用Bootstrap Class獲取全屏模式。

Answer 3

一個打開的盒子：<div class="box">

摺疊箱：<div class="box collapsed-box">

然後ofcourse更改按鈕