Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


RH2019 New UI Problem with thumbnails in HTML5 help

Engaged ,
Oct 01, 2020 Oct 01, 2020

Copy link to clipboard

Copied

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

TOPICS
New UI

Views

218

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Engaged , Nov 18, 2020 Nov 18, 2020
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]

Likes

Translate

Translate
Adobe Community Professional ,
Oct 01, 2020 Oct 01, 2020

Copy link to clipboard

Copied

Does it work correctly outside of your application?

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Oct 01, 2020 Oct 01, 2020

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Oct 01, 2020 Oct 01, 2020

Copy link to clipboard

Copied

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.

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Oct 01, 2020 Oct 01, 2020

Copy link to clipboard

Copied

Thank you very much for your quick support, Peter!

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Oct 06, 2020 Oct 06, 2020

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Nov 18, 2020 Nov 18, 2020

Copy link to clipboard

Copied

LATEST

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]

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation