How do you add a PrimeFaces facet footer that is blank? - html

I'm using primefaces6.1. I have a one column scrollable dataTable where I would prefer to use a facet for the header and footer as opposed to using the dataTable header and footer. They have a better appearance. The header displays the name. The footer sort of frames out the scrollable list's bottom. But, I want to show the footer as a blank.
<f:facet name="footer"></f:facet>
The tags above will not display. It seems the only way to display the footer is to put something inside of the facet tags. What would I put in the facet footer to display a blank footer?

Just add a in there. it is a solution and works like a charm.

Related

FOOTER-COUNT-PAGES-CSS

I'm currently working on a project, I m generate a html with many tables, then I successfully introduced the footer and header to keep them in all printed pages, but i wish put in the footer how many pages I already have without JS.
But I don't know how I can do this.
I tried to put css with counter(pages) directly in the fixed footer, but the css work just for the first page, after that it disappears.
I tried to put a div with css counter and a relative position in the footer which has fixed position, but it worked just for the first page.

How to place controls in the footer?

When I select some controls and add a table layout, the headings are placed in the form header. How can I place controls in the footer?
The Soultion is easy. Just put some controls in the header, footer and normal area. Then select all and add the layout. After that, the new layout spans from the header to the footer:

Footer encroaching the middle section whenever it has less results coming from asp.net repeater

It was all working fine, i have no idea what went wrong, i have been comparing the actual theme and my theme with asp.net repeater developed into it to find the mistake but no joy...
Problem is , whenever there are 3 blogs to display, footer appears at footer only but the moment database shows only one blog in the section, footer climbs up in the remaining space.
I think this is how it works, since page dynamically changes itself and footer climbs up..but how do we stop this from happening ?
It looks very ugly, need to have footer at extreme bottom as it used to be when elements are full in the body section, not desirable to see the footer up if section elements are nil

Whitespace added when resizing page -css

On my site http://math.byu.edu
I've been trying to make it responsive to screen size but I noticed a problem when I resize the broawser while on the page. If I shrink and enlarge the browser multiple times the min-height is dynamically getting set to a huge number and I end up with a lot of whitespace.
I've searched my php templates and my css and I can't find anythign that owuld be causing this min-height issue. Does anyone have any ideas?
As per the comments, just comment out the line positionFooter() from the $(window).resize() function.
The reason this theme has this script is to make sure the footer doesn't float into the middle of the page assuming the page has zero content. When the page has zero content, there's nothing to push the footer down. So that script is supposed to keep the footer at the bottom of the page, though it does it poorly.
For future reference, if you need a sticky footer (as it's called), I suggest using Ryan Faits Sticky Footer. Just wrap the content in a main wrapper, make sure the footer is a sibling of the main wrapper then use the supplied CSS to make it work.

Anchors within the document and their position

On the following website, www.josecvega.com, I have a navigation bar with years that link to sections on that same page. Unfortunately it is not working they way I hoped, when the user selects a year it moves to the section of the page and puts that section on the top of the page, I have a fixed div on the top of the page that covers the sections and prevents it from properly displaying. What can I do for this to work?
It hard to explain my situation, but it can be seen by going to www.josecvega.com and clicking one of the years.
Put your anchors earlier in the file. Perhaps use a fixed-height element (the same height as your header) in the margin just before each section and apply the anchor to that.
Or use a script run after the jump and scroll back down X pixels.
Or use a frameset to display the fixed header rather than the position:fixed div you are using now.
I would probably do the latter.
your header (class=bannercontainer") is position:fixed
so this element will not scroll.
if you now click on a year it scrolls the page behind the header.
probably position:fixed is not what you want