ColorlibHQ / AdminLTE

AdminLTE - Free admin dashboard template based on Bootstrap 5
https://adminlte.io
MIT License
43.91k stars 18.17k forks source link

Fixed layout in AdminLTE3 #2020

Closed tikky closed 5 years ago

tikky commented 5 years ago

Issue type:

Environment:

Description:

Hello, is there possible to use AdminLTE3 with fixed layout, like in Admin LTE2: https://adminlte.io/themes/AdminLTE/pages/layout/fixed.html

I would like to user AdminLTE3 to display google maps + sidebar. The thing is that I would like to use a fixed layout, without scrolling.

tikky commented 5 years ago

This is how it looks just now:

fixed_layout

how to make it full page, without the scroll?

REJack commented 5 years ago

This looks like you set not the correct height for your google maps, try height: calc(100% - 102px);

tikky commented 5 years ago

Hello, as for now I am using something like this with my map (Leaflet.js in my example) without footer:

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper" >
    <div id="map" style="width: 100%; height: calc(100vh - 57px); position: relative; outline: none;"></div>
  </div>
  <!-- /.content-wrapper -->
REJack commented 5 years ago

I've created a js option for this, you can now add .content-fixed to body and then content-wrapper get's the same height as min-height is set, then you can set height 100% for the map. You can test it in the v3-dev branch.