If you just have a basic text header or footer, you can access them directly: [tableView footerViewForSection:indexPath.section].textLabel.text = [self tableView:tableView titleForFooterInSection:indexPath.section]; similarly for the header: [tableView headerViewForSection:indexPath.section].textLabel.text = [self tableView:tableView titleForHeaderInSection:indexPath.section];
This Flexbox solution is neater and far easier to implement: HTML <body> <div class=”content”> content </div> <footer class=”footer”></footer> </body> CSS html, body { height: 100%; } body { display: flex; flex-direction: column; } .content { flex: 1 0 auto; } .footer { flex-shrink: 0; } Just ensure you wrap the necessary divs inside the body.
I’ve been trying to tackle this problem for a few days now and I’ve gotten really close to the solution. I use the following HTML: <body> <div data-role=”page” id=”page”> <div data-role=”header”> <h1 id=”title”>Title</h1> </div><!– /header –> <div data-role=”content” id=”content”> <p>Loading…</p> </div><!– /content –> <div data-role=”footer” id=”footer” data-position=”fixed”> <div data-role=”navbar” id=”navbar”> </div> </div><!– /footer –> </div><!– … Read more
To get a footer that sticks to the bottom of your viewport, give it a fixed position like this: footer { position: fixed; height: 100px; bottom: 0; width: 100%; } Bootstrap includes this CSS in the Navbar > Placement section with the class fixed-bottom. Just add this class to your footer element: <footer class=”fixed-bottom”> Bootstrap … Read more
There is a simplified solution from bootstrap here (where you don’t need to create a new class): http://getbootstrap.com/examples/sticky-footer-navbar/ When you open that page, right click on a browser and “View Source” and open the sticky-footer-navbar.css file (http://getbootstrap.com/examples/sticky-footer-navbar/sticky-footer-navbar.css) you can see that you only need this CSS /* Sticky footer styles ————————————————– */ html { position: … Read more
One potential solution is to swap your content:after to content:before. Working Demo CSS: /* .content:after { content: “”; display: block; } */ .content:before { content: “”; display: block; height: 45px; }
Using this way you can make your header-footer xml and use it to any of your activity also you just need to write code for the controls in header-footer once in HeaderFooter.java and can access it your project. Build your HederFooter.xml <?xml version=”1.0″ encoding=”utf-8″?> <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android” android:orientation=”vertical” android:layout_width=”fill_parent” android:layout_height=”fill_parent” android:weightSum=”10″ android:id=”@+id/commonlayout” android:background=”#FFFFFF”> <LinearLayout android:id=”@+id/llheader” android:layout_width=”fill_parent” … Read more
I think this will solve all your problems: <script> $(document).ready(function() { var docHeight = $(window).height(); var footerHeight = $(‘#footer’).height(); var footerTop = $(‘#footer’).position().top + footerHeight; if (footerTop < docHeight) { $(‘#footer’).css(‘margin-top’, 10+ (docHeight – footerTop) + ‘px’); } }); </script> You need at least an element with a #footer When not want the scrollbar if … Read more
It is very simple to do that. The solution is to use the same approach of the LinearLayoutManager with a GridLayoutManager and then use the method setSpanSizeLookup on the LayoutManager like this: mLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() { @Override public int getSpanSize(int position) { switch(myAdapter.getItemViewType(position)){ case MyAdapter.VIEW_TYPES.Product: return 1; case MyAdapter.VIEW_TYPES.Progress: return 2; //number of columns of the … Read more
UPDATE My original answer is from a long time ago, and the links are broken; updating it so that it continues to be useful. I’m including updated solutions inline, as well as a working examples on JSFiddle. Note: I’m relying on a CSS reset, though I’m not including those styles inline. Refer to normalize.css Solution … Read more