Setting a non-fixed footer in the layout of the mobile application is not supported functionality. This is why you will need to put the footer in every view right before the closing </div> tag of the view.
I have changed the example a little bit here:
I want to stress on the fact that if you want to put a border on the footer you will need to use box-sizing: border-box; in your css, as otherwise the horizontal scrolling in your application will be broken, as setting the width to 100% and then applying border gets the footer outside of its container.
I hope this information helps.
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI