Adminlte: Page not filling full height

[chlebta]

Hello,
I got an issue when i don't have many content in my page then it's not filling the screen and a blank space in bottom is appearing.

[dudnikgg]

Hi, do you have errors in your debugger (F12)?

[chlebta]

@dudnikgg no erros in my debugger

[ashep]

+1, I have the same trouble

[zburk]

Can you upload your source file to look at? I've tried to reproduce not having content on the page but it still fills the entire page for me. Perhaps you missed a closing HTML tag?

[parhs]

I have the same issue. I think the problem is that javascript calculation isn't correct.

https://github.com/almasaeed2010/AdminLTE/blob/master/dist/js/app.js#L261

Here I think it should be

if (window_height >= sidebar_height + neg) {

[wildcat010]

Hi,

I am using angular2 and I had the same problem.

I solved it by just loading the "app.js" in my AppComponent.

import { Component } from '@angular/core';

@Component({
selector: 'my-app',
templateUrl: 'app/app.component.html'
})
export class AppComponent {
constructor()
{
console.log('preparing to load...')
let node = document.createElement('script');
node.src = "../scripts/app/app.js"; // you app.js script
node.type = 'text/javascript';
node.async = true;
node.charset = 'utf-8';
document.getElementsByTagName('head')[0].appendChild(node);
}
}

Hope it helps.

[csotomon]

Just add app.js to page

[duleorlovic]

I can't see last sidebar link. It is easy to reproduce. Open blank page, collapse Examples menu and manually remove content from control-sidebar (it is on right and populated from demo.js).
Than try to resize the window until you do not see last sidebar link.

[ashep]

+1, issue still exists.

[nothingalike]

Yeah using angular 2 here. Loads fine, but when i change out the views the issue occurs. If i resize the screen the height gets fixed.

[sageprosell]

+1, issue still exists when changing views

[mauriziocarella]

+1

[abhishektomer]

I am having the same problem still no luck
https://github.com/jeroennoten/Laravel-AdminLTE/issues/206

[boussoufiane]

i have the same issue with angular 6 .
do you know what is the reason of this issue and what is the solution or workround ?

[boussoufiane]

Finally i fixe the problem by adding this to component :

declare var $:any; $('body').layout('fix');
NB : i use adminlte 2.4 with angular 6

[thiagoluiznunes]

I solved my problem adding this css class to my sidebar.

.skin-blue .main-sidebar {
  position: fixed;
}

md5-8d98ced190c1d262c629d1e02b1080e5