1

I am unsing the application layout in an application where there is no footer. Is there a way to get the lotusColLeft (or/and lotusColRight) to be the same length as the lotusContent div? The users are complaining a bit on the fact that the left menu's background color doesn't go all the way to the bottom of the page.

Ben Dubuc
  • 523
  • 3
  • 14

2 Answers2

0

You can use Firebug or some other CS debugger to see the CSS for the left pane and the content pane and see if you can tweak the CSS (maybe try 100% for the height).

You may end up having to get the height of the content div and then set the left div to the same height in CSJS onClientLoad. You will also have to use the same code in a window resize event in case the user changes the browser window size.

Howard

Howard
  • 1,503
  • 7
  • 16
  • Howard, the problem is that the "footer" takes 100% width at the bottom, so if I make the left coloumn longer, the footer part goes down as well. I am no CSS layout wizard, but what I would like to do is to have the left column be on top of the footer and that the footer stays right after the "content", even though the left column has a min-height of 2000px or what have you. All that while still using OneUI 2.1 of course :/ – Ben Dubuc Jun 29 '15 at 16:53
0

OK, here is how I finally made this happen: I used a background image. Not ideal, I agree, but less problemeatic than the original solution (at the bottom of this answer):

.lotusContent {
    background: url(leftColBkgd.png) repeat-y;
}

.lotusColLeft { 
    background-color: grey; 
    position: absolute;
    z-index: 10;
}

.lotusMain .lotusContent {
    padding-left: 230px;
}

Original solution:

.lotusColLeft { 
    background-color: grey; 
    min-height:2048px;
    position: absolute;
    z-index: 10;
}

.lotusMain .lotusContent {
    padding-left: 230px;
}
Ben Dubuc
  • 523
  • 3
  • 14
  • This though makes each page at least 2048 px long... Not ideal, but I don't know otherwise. Can't change to "faux column" layout as I want to stick to OneUI... Any improvements on this are welcomed! – Ben Dubuc Jun 29 '15 at 17:23