Skip to main content
Participant
July 12, 2023
Question

Master page footer disappears in long topics (HTML5)

  • July 12, 2023
  • 3 replies
  • 215 views

I'm using a master page that includes a footer. It has worked fine for several years, but recently, the footer is missing in HTML5 output for all longer topics that require scrolling to get to the bottom. The footer is there in all shorter topics that do not require scrolling. This happens with both Chrome and Edge. Has anyone else had this experience? I'm using RH2015, but it has worked okay for years. Is anyone aware of a recent browser change that might impact this? 

    This topic has been closed for replies.

    3 replies

    Community Expert
    July 16, 2023

    I've never seen any difference between the help opened in a new (standard) browser window vs opening in a new tab. (I think if developers call a cut down html viewer component window there might be, but that doesn't sound like the case here)

     

    However, if it's in a frame/iframe inside the web application, that could cause an issue. But I think in that case it would be an issue the devs would need to fix.

     

    I suppose you could use the developer tools to see if there was a height set on the body or html tags but I'm doubtful you'll find anything.

     

    Your developers are probably best placed to track down where the problem is occuring by inspecting the output themselves.

     

    Community Expert
    July 13, 2023

    If you could unmark the  "Correct Answer" link on my post, that would be great as it hasn't solved anything as far as I can see. 🙂

     

    Did you have a look in the browser developer tools at the CSS to see if you could see anything suspicious? Sometimes you can see when a style is not being applied, or is being overwritten by another style.

    Participant
    July 14, 2023

    One of our app developers suggested this might have something to do with the frame height. The footers in long topics appear to have disappeared about the same time we switched from opening the online help in its own broswer instance to opening it in a new tab in the same browser instance as the application. Other than line-height, I couldn't find any height attributes in the published html. Any thoughts on where we might try to adjust this in RH?

    Community Expert
    July 13, 2023

    I don't remember anyone else mentioning this so far.

     

    You could check that the short and long topics have the master page attached in the same way. Master pages can be applied individually to topics, and specified in the output preset (I can't remember what happens if you specify it in both places...). So maybe the short topics have it applied and the long ones don't?

     

    Perhaps inspecting the output code might shed some light.

     

    I'd start in a short topic by right-clicking on the footer and selecting Inspect, and look at the code for the footer. 

     

    Then in a new browser window inspect a long topic and see if you can find the same or similar code. If not, that suggests the master page code isn't getting in to the output (see suggestion above). If it's there, click on the elements (div, p, etc) and see if you can see anything different or suspicious in the css. I'm not really sure you'll be able to see anything in the css, but it's somewhere to start unless a better suggestion comes along.

    Participant
    July 13, 2023

    I have always specified the master page in the Topic Properties for each topic and in the output dialog (Apply to all topics). I unchedked it in the ourput dialog so it was only specified in the Topic Properties, and it didn't make any difference. I also tried deleting the master page from selected topics and reapplying it (per a suggestion I fourd on the Internet). That didn't help either. The HTML tags in short and long topic appear to be identical. From the bottom of a short topic:

    <div style="width: 100%; position: relative;" id="footer">
    <p style="text-align: center;">©
    2023 UL Solutions</p>
    </div>
    <script type="text/javascript" language="JavaScript">//<![CDATA[
    if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
    WritePopupMenuLayer();
    //]]></script>
    </body>
    </html>

    From bottom of a longer topic:

    <div style="width: 100%; position: relative;" id="footer">
    <p style="text-align: center;">©
    2023 UL Solutions</p>
    </div>
    <script type="text/javascript" language="JavaScript">//<![CDATA[
    if (parseInt(navigator.appVersion) >= 3 && typeof (WritePopupMenuLayer) == "function")
    WritePopupMenuLayer();
    //]]></script>
    </body>
    </html>

    So far, the only variable seems to be scrolling in the browser. Very puzzling. I'd like to correct this, because, as you can see, the footer contains a copyright statement. So any insight you could provide would be greatly appreciated.