Responsive footer not at bottom of page

[mdslup]

Oxygen 20.0, webhelp responsive tiles.

When I'm looking at the page full screen on a large monitor, the footer is not at the bottom of the page; this results in some extra white space at the bottom.

Here is an image:

https://i.imgur.com/NY6Zi0O.jpg

[cosmin_andrei]

Hello,

I can confirm this is a bug. We've logged this on our issue tracking tool, so we will notify you when/if this functionality will get implemented

[mdslup]

Great thanks! Please add my name to the ticket so I can get a notification.

In the meantime, is this something that I can fix with CSS?

[Costin]

Hello,

I'm afraid there is no simple CSS customization we could think of, other than altering the entire layout of the WebHelp output.
We will let you know as soon as a fix will be implemented for this.

Regards,
Costin

[pieterjan_vdw]

Hi Costin,

Is it possible this is solved in Oxygen 21.0 for tiles, but I think the problem is still there for responsive webhelp "tree".
Could you please confirm.

Thanks.

[Costin]

Hi,

It's not very cleat what you mean by

the problem is still there for responsive webhelp "tree"

.

Do you refer to the tree layout template?

Regards,
Costin

[pieterjan_vdw]

Hi Costin,

Indeed that's what I mean: Oxygen tree layout template

[Costin]

I double checked and the status of this issue in our internal tracking system is still "open". So this should still occur for both layout types (tiles and tree).
Maybe you have multiple lines of tiles and this generates the illusion of a well-placed footer, but the problem still persists.

We will let you know when a fix will be implemented.

[Frank Ralf]

Hi,

As a CSS workaround, you could try changing .wh_footer { position: relative; } to .wh_footer { position: fixed; }. That would make the footer stick to the bottom of the browser window. However, I haven't done any thorough testing so this fix might have undesired side-effects.

Best regards,
Frank

[tonra]

Hello everyone,

I was faced with the same problem some months ago and solved it by using this approach: https://codepen.io/cbracco/pen/zekgx.
With the CSS properties shown there you can achieve a footer which sticks to the bottom of the page and not of the viewport.

It seems a bit weird to me that CSS does not offer a "simple" solution for such an issue but there's no need to complain as I couldn't see any drawbacks so far.

Best regards,
Anton

[Frank Ralf]

Many thanks for the pointer, Anton. That's indeed the more elegant solution.

Best regards,
Frank