RH2019 New UI Problem with thumbnails in HTML5 help

[Karin Albrecht]

Hi all, 

I am using RH2019.0.14 and generate HTML5 help. We provide this help as iFrame in angular within our application. There, the original images for thumbnail images cannot be displayed (the popup). When I look into the dev tools, it seems that the help is searching for the original file in the wrong path (instead of moving up one level and then going into assets, the help tries to find the assets folder in the same level where the help file is stored).

So, the help returns 404 not found error in the console saying: http://localhost:4200/assets/help/EOH/Widgets/assets/images/Widget-Links2.png was not found. But the source code says to search for the image under ../../assets/images/Widget-Links2.png, which would result in http://localhost:4200/assets/help/assets/images/Widget-Links2.png

I already asked our developer and he says this seems to be a problem of the JavaScript created by RH to unsolve the thumbnail.

Does anyone know if there is a possibility to make the thumbnails work even if the help is embedded as iFrame?

Is this a bug or a feature request?

Thanks in advance for any ideas!

Best regards

Karin

[Peter Grainge]

Does it work correctly outside of your application?

[Karin Albrecht]

Yes, it works perfectly local and on the server. The problem seems to be the iFrame. 

[Peter Grainge]

That I think puts it back to your developer. I have something from Adobe that I will be putting on my site that may help. I'll see if I can edit it and send it on to you sooner.

[Karin Albrecht]

Thank you very much for your quick support, Peter!

[Karin Albrecht]

Hi again,

Thanks for the instructions on your page, Peter (https://www.grainge.org/pages/authoring/embedded/embedded.htm)

I provided this information to the developer. 

He says, he embeds the help exactly as described there. He analysed this further. This is what he found out:

Core of the problem seems to be the JavaScript function resovePath (!sic) from RoboHelp. This function should resolve the path of the clicked image.

Here an example of what happens:

Parameter path: "../assets/images/EOH_Page-Structure1.png"

Variable baseUrl: "http://localhost:4200/assets/help/index.htm"

Variable fullUrl: "http://localhost:4200/assets/help/assets/images/EOH_Page-Structure1.png"

Return value: "assets/images/EOH_Page-Structure1.png"

If the return value is converted into an absolute path, it looks like this:

"http://localhost:4200/assets/help/EOH/assets/images/EOH_Page-Structure1.png"

This does not work, as the file does not exist there. Correct would be either (as stated in the parameter path):

"../assets/images/EOH_Page-Structure1.png"

or as in the variable fullUrl:

"http://localhost:4200/assets/help/assets/images/EOH_Page-Structure1.png"

So, does anyone have any further ideas on how to solve this?

Thanks and best regards

Karin

[Karin Albrecht · Accepted solution]

This issue also occurs with RH2020 update 2. It has been reported as a bug by Adobe support now with ID RH-8356.

[Edit - now fixed in update 4]