Highlighted

Empty space above first line in topic

Participant ,
Sep 17, 2019

Copy link to clipboard

Copied

Hi guys,

I suddenly have a new issue on Robohelp 2019.  I'm using the new UI, with the Indigo skin.  I can't pinpoint when this issue started, but it seems to have been there since Update 8 already.  Work published before that doesn't seem to have that issue.

 

Anyway, the problem I have is that there is a blank piece of nothing above the first line in my topics now.  As an example, it used to look like this:

clipboard_image_0.png

 

And now it looks like this:

clipboard_image_1.png

 

When I inspect the empty space, I see Robohelp has created a blank div called <div class="topic-header-shadow"></div>.  I don't know where it comes from or how to fix it.  My master page hasn't changed and there's no space above any of my topics.  It's a new issue and it's on all my topics.  If I scroll down the text on screen does occupy that space.  It looks bad.

 

Anyone with ideas?

Adobe Community Professional
Correct answer by Peter Grainge | Adobe Community Professional

See http://www.grainge.org/pages/authoring/rh2019/rh2019.htm  for a link to Adobe's fix for this issue.

 

Topics

HTML5 layout, New UI

Views

319

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

Empty space above first line in topic

Participant ,
Sep 17, 2019

Copy link to clipboard

Copied

Hi guys,

I suddenly have a new issue on Robohelp 2019.  I'm using the new UI, with the Indigo skin.  I can't pinpoint when this issue started, but it seems to have been there since Update 8 already.  Work published before that doesn't seem to have that issue.

 

Anyway, the problem I have is that there is a blank piece of nothing above the first line in my topics now.  As an example, it used to look like this:

clipboard_image_0.png

 

And now it looks like this:

clipboard_image_1.png

 

When I inspect the empty space, I see Robohelp has created a blank div called <div class="topic-header-shadow"></div>.  I don't know where it comes from or how to fix it.  My master page hasn't changed and there's no space above any of my topics.  It's a new issue and it's on all my topics.  If I scroll down the text on screen does occupy that space.  It looks bad.

 

Anyone with ideas?

Adobe Community Professional
Correct answer by Peter Grainge | Adobe Community Professional

See http://www.grainge.org/pages/authoring/rh2019/rh2019.htm  for a link to Adobe's fix for this issue.

 

Topics

HTML5 layout, New UI

Views

320

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
Adobe Community Professional ,
Sep 17, 2019

Copy link to clipboard

Copied

Copy that line somewhere safe and remove it to see if that fixes the problem. I realise it's not going to fix the project but at least it will confirm the cause.

I will see if I can find out more.

 

www.grainge.org for free RoboHelp & Authoring info. Use the blue Reply button at the top to help me help you.
The black Reply link nests replies and they sort out of order.

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
Reply
Loading...
Participant ,
Sep 17, 2019

Copy link to clipboard

Copied

Hi Sir. That line is not in the source. It's just in the output. If I check the source code in RoboHelp, the first line in the body is my H1 heading tags. If I delete the line in the browser dev tools it fixes the issue.

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
Reply
Loading...
Adobe Community Professional ,
Sep 17, 2019

Copy link to clipboard

Copied

I have since learned this is a known issue and Adobe are working on a fix. I don't know when it will be ready and released.

Meantime the only thing I can suggest is to use a text editor to remove it from one topic to confirm that works. Then, if it does, use a multi file find and replace tool on the output.

 

www.grainge.org for free RoboHelp & Authoring info. Use the blue Reply button at the top to help me help you.
The black Reply link nests replies and they sort out of order.

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
Reply
Loading...
Participant ,
Sep 17, 2019

Copy link to clipboard

Copied

It's a stopgap to fix the files manually, thanks Sir. I have 231 .htm files and I publish several times a day. I won't be able to run the tool each time, so I'll just leave it for now and work "through it". Thanks for the reply! Do you perhaps have an issue number or reference where I can take a look at the issue's progress?

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
Reply
Loading...
Adobe Community Professional ,
Sep 17, 2019

Copy link to clipboard

Copied

Sorry but no means of tracking. Full updates will be announced in this forum. Interim fixes I will do my best to update threads.

 

www.grainge.org for free RoboHelp & Authoring info. Use the blue Reply button at the top to help me help you.
The black Reply link nests replies and they sort out of order.

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
Reply
Loading...
Community Beginner ,
Sep 17, 2019

Copy link to clipboard

Copied

I used Notepad++'s "Find in Files" functionality in combination with regular expressions to remove all those <div> tags in all files at once.

 

It works for my html output, but I'm not an regex expert. Can someone confirm whether or not these regular expressions are safe to use?

 

Find: <div class\=\"topic-header.*>(.|\n)*?<div class\=\"topic-header-shadow\"><\/div>

Replace: LEAVE EMPTY

 

Regex_Find_replace.png

 

 
 
 

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
Reply
Loading...
Adobe Community Professional ,
Sep 17, 2019

Copy link to clipboard

Copied

I am not a regex expert so my method is always to create a copy of any project so that if things go bang, I can abandon the messed up project and start again.

I also use PowerGrep that shows me what it is going to change and how so that I can review things first. It's not free but worth its cost.

 

www.grainge.org for free RoboHelp & Authoring info. Use the blue Reply button at the top to help me help you.
The black Reply link nests replies and they sort out of order.

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
Reply
Loading...
Community Beginner ,
Sep 18, 2019

Copy link to clipboard

Copied

Hi Peter, thanks for the tip. I didn't know PowerGrep. To track changes, I use GIT in combination with SourceTree and KDiff3, where needed. It's probably overkill, but interesting to see the impact of changes on entire RoboHelp projects and html output.

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
Reply
Loading...