Add custom header and footer below and above responsive help

4 replies
741 views
Translate

Hi all, is there a way to add a custom header and footer above and below the actual HTML5 help (containing a few paragraphs of text)? Where in the template slp pages would these need to be placed?

HTML5 layout

This topic is closed to new replies. Start a new post to keep the conversation going.

Willam van Weelden

Inspiring

Look at the div.contentholder. You can add your text there. But you also need to update the CSS to make sure that it is shown correctly. (Search for div.contentholder in the CSS.)

You can also use the header/footer of the master page. That will insert it above and below topic content but you won't have to fiddle with the slp.

Translate

RsflAuthor

Inspiring

Hi Willam, the header and footer should actually appear above/below the entire Webhelp page, not only above/below the Topic content. I assume I need to insert them somewhere into the div "phone_scrollarea overthrow" which appears to be a container for the entire page? Probably I need to adjust the other divs to clear some space.

Translate

Willam van Weelden

Inspiring

Add it where the arrows point:

Within the contentholder, before the wTopic widget or after the placeholder text. You need to adjust the contentholder and iframe to make it fit correctly.

The phone_scrolleara is the main page container. That one is used to make scrolling and positioning possible.

Translate

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.