Responsive Footer - Forum

Forum Navigation
You need to log in to create posts and topics.

Responsive Footer

Hi,

I am using the concept of rows and column for a responsive website and would like the last row to always be at the very bottom of the page as a footer even if there is a small amount of content in the rows above.

Is this possible?

 

Regards

Andy

@andy-marshman please take a look at the attached sample app.

What I have done:

1.Create a Container for the footer in a Master page (so we can reuse the same one in different pages)

2.Add this HTML to the Container so every page have a minimum height equal to the screen height.
We are adding the CSS here to be able to use Variables.

Footer content
<style>
.neopage{
   min-height:[NAB.ClientHeight]px!important;
}
</style>

3.Add this class to the Container so it's always positioned at the very bottom:

neo-bottom-center

On every page you want to use the footer be sure to add it as a foreground-masterpage

And thats all :)

Uploaded files:
  • You need to login to have access to uploads.

Thanks @luishp, it works perfectly.

I've really got to get my head around this CSS stuff.