javascript - 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');
});

根据您的需要更改框和按钮类，它会被修复。希望它能奏效。