Trademark Symbols Appear as Question Mark and Header Background Not Showing in Output

[drew_3566]

Upgraded projects from RH2019 to 2022. Outside of formatting corrections, Trademark symbols are not displaying correctly in output nor is header background set in topic layout displaying.

The TM symbol displays properly inside the project, as does the background of the header. When outputting to a MSoft Html help file (chm), neither of these are displaying properly.

[Peter Grainge]

There is a thread about symbols not appearing correctly in CHMs. The issue was fixed in Update 5. See this thread to apply the update.

What background are you applying? CHMs are an old technology and may not support some backgrounds.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[drew_3566]

They are png files.

Also, I have applied the update but the symbols still appear as question marks.

[Peter Grainge]

The trademark and other symbols fix has worked for everyone else so I don't see why not for you. Start a new project with just the defaul topic and test it there. Also try it with the About RoboHelp sample project.

If it still fails and the update was applied with admin rights, check Help > About says 2022.5. If it does, then I suggest for this one you need to go to Adobe Support. See https://helpx.adobe.com/contact/oenterprise-support.other.html#robohelp for your Adobe Support options. The email link tcssup@adobe.com is recommended as it reaches a team dedicated to Technical Communication Suite products including RoboHelp.

On the background image issue, I assume that worked in Classic. If it did, then raise that with Support as well. You could try saving it as jpg instead but you shouldn't need to.

Let us know how you get on.

I have assumed your project is on your local drive and you are generating to the same drive.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[drew_3566]

That's correct, both preview and output generation to local storage have the same issues. I'll contact support, hopefully I get a response this time.

[Peter Grainge]

Let me know if you don't get any reply. 

________________________________________________________
My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[drew_3566]

No reply yet, but the trademark issue seems to have been resolved by deleting and reapplying the stylesheet. I can't say for certain that resolved the issue, but that's the only change that was made to the project. The issue of the header / footer persists.

[Peter Grainge]

On the background issue, create a new project with just a couple of dummy topics. Reproduce the issue there and see the Contact page on my site. Send the project as instructed there. Do make sure you include a link to this thread and please do not email the project direct.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[drew_3566]

Email and files sent via wetransfer.

[Peter Grainge]

I will look in the morning. 

________________________________________________________
My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[drew_3566]

It's as if it refuses to use any styling options I apply to the header. The only thing I've managed to get working properly again is breadcrumb links. I'm using a table in the header and can't even get rid of borders in the output.

[Peter Grainge]

The Image Issue

The image has been applied as a background image. I have inserted it as a simple image and that works. Did you intend it to be a background image? That seems unlikely for a company logo.

The Border Issue

I have referred this one to Adobe. In my CSS I have a style table.border-none that works perfectly in topics. I applied a CSS stylesheet to the topic layout, selected the table breadcrumb and applied the style. Initially the borders were no longer visible but take focus somewhere else and they came back, even though the style is applied. I have asked Adobe to check this and will post back.

table.border-none {

  border-collapse: collapse;

}

table.border-none td {

  padding-top: 2px;

  padding-right: 4px;

  padding-bottom: 2px;

  padding-left: 4px;

  border-width: 1px;

  border-style: solid;

  border-color: var(--borderonly-theme-color);

}

table.border-none th {

  padding-top: 2px;

  padding-right: 4px;

  padding-bottom: 2px;

  padding-left: 4px;

  border-width: 1px;

  border-style: solid;

  border-color: var(--borderonly-theme-color);

}

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[drew_3566]

It does need to be a background image. There is another image set to repeating on the x axis in a second column so that it can fill in the space as the window size is changed. Setting it as an inserted image works, however it doesn't fill in the space with a maximized window.

[Peter Grainge]

I haven't heard from Adobe as to why my code would work in a topic but not a topic layout. However, I have found some different code that works in the topic layout.

table.border-none {
border-collapse: collapse;
border: none;
}

table.border-none td, table th {
border: none;
}

Add that to your CSS, apply the CSS to your topic layout, select the topic layout table breadcrumb and select that style in the right hand styles pod.

This is a chm I generated with the image deliberately blurred.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[Peter Grainge]

Please confirm the earlier version that worked in. Was it 2019 Classic or 2019 new UI?

________________________________________________________
My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[drew_3566]

Actually, I misspoke there. It was RH 2017. Sorry for the confusion.

[Peter Grainge]

OK. Please send a similar demo in 2017 so that I can see where it is breaking. 

The big difference in the new versions is that are strictly CSS 3 and HTML5 compliant. It may be that what worked before wasn't. 

________________________________________________________
My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[drew_3566]

Unfortunately, I can't access 2017 any longer as Adobe revoked the license this year. I can send you the original project file and a copy of an old CHM, if that will work?

[Peter Grainge]

Yes. Send same way as before. 

________________________________________________________
My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[drew_3566]

Sorry for the late reply; just sent.

[Peter Grainge]

There is a definite break in 2022 at least.

I created a new topic layout and added a background image only. That works in preview. As soon as I added your logo, the background disappeared. 

If I add a table above the topic header, I can insert both your logo and background image and it works. At first I was inclined to think this was a CHM break but it's the same in frameless. I have asked Adobe to confirm it is a break and if there is any workaround using a topic layout.

If not, I am sorry but the only answer seems to be to add a no border table above the topic header and use that. You could mass insert it using <body> as the find and <body> followed by the table code as the replace. The same method can be used to remove it when the issue is fixed.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[drew_3566]

Thank you for your help. I went ahead with inserting into a table cell and was able to get the no-border style to apply. This satisfied what I needed done.

[Peter Grainge]

Revised reply.

I don't follow. You had two issues, the border around tables and the background image. The table code works in a topic layout but so far there is no fix for the repeating image in a topic layout. They work directly in topics but not in topic layouts. That has been referred to Adobe.

You seem to be saying both issues are fixed.

BTW. If you do mass insert the fix into topics, the path to the image will need to change if the topics are at different folder levels. You can amend topics by folder to work around that.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[drew_3566]

Sorry for the confusion; I was able to get a no-border style applied to the layout page with your code above. I wasn't able to resolve the repeating background image problem, but I was able to get around it by inserting a basic image with a white background into the table and leaving the remain space unused, where the previous logo had a shaded background that needed to fill in the empty space. I simply set a solid border on the table for separation. Example below.
New:

Old:

[Peter Grainge]

So only the company logo appears. In that case you don't need any table or background. Just the logo in the header looks the same.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.