Publishing WebHelp: Shrinking header and sticky search bar?

[clara]

Hi,

For our WebHelp, we'd like to improve two design topics:

• Shrinking header: When you scroll down, the header with a lot of unused white space should become smaller. See https://www.w3schools.com/howto/howto_j ... scroll.asp for the idea.
• Sticky seach bar: At the moment, the search bar disappears when you scroll down. But it would be helpful for users if the search bar sticks at the top like the header or the breadcrumbs. And ideally, the search bar should become smaller, too.

I've coded a bit around (as a non-developer) and have a rough solution so far. But maybe there is already a built-in solution in Oxygen or something which other users have implemented successfully.

Is there something?

Thanks in advance!

(We're using Oxygen XML Editor 27.1 currently.)

[julien_lacour]

Hi Clara,

Oxygen WebHelp doesn't offer this out-of-the-box, however, it is designed to be customizable through HTML fragments where you can add your own HTML and/or Javascript.

The search bar isn't sticky but you can move it into the header which is, then when you will scroll into the output, it will still be available. There's a full available example here.

For more information you can also check out this webinar.

Regards,
Julien