insert a background image in a topic

[elisa23592620fepw]

Hi everyone,

I'm back with a new request!

I have RH 2022.0.346 and I need to insert an image as background for a topic.

I tried to enter the path of the image in the background section but I can't.

Could you please help me?

Thanks in advance!

Elisa

[Peter Grainge]

See if this helps. Insert a watermark in a RoboHelp project (adobe.com)

Because of issues in 2022.0 I suggest you update to 2022.2. You can do that from Help > Check for Updates.

________________________________________________________

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

[Peter Grainge]

Ignore that link, I just realised it is for an older version. I will look for the correct version.

________________________________________________________

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

[Peter Grainge]

I can't find an updated topic but I did find the same issue as you with adding one via Content Properties > Background.

I have asked Adobe to look at this. Meantime has anyone else following this thread managed to get a background image into a topic?

________________________________________________________

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

[elisa23592620fepw]

Thanks a lot Peter as usual. Meanwhile I found a workaround: I inserted the background image inside a table, eliminating its borders and for now it could work.

[Peter Grainge]

I'm not seeing a difference. Can you post the precise steps please?

________________________________________________________

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

[elisa23592620fepw]

These are the steps:

1) insert a table with only one column and a row

2) insert the text

3) select only the table

4) define background repeat=space

5)define background position= center top

6) insert image path.

The same steps don't work without table.

[Peter Grainge]

That seems to end up as simply an image in a topic rather than a watermark background. What's the output type and can you post an image of the end result?

________________________________________________________

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

[elisa23592620fepw]

The output I generate is a Responsive HTML5

[Peter Grainge]

Something has to be not quite as explained.

The blue is the watermark, correct? You said you were selecting the table and then applying the background.

That would require clicking the breadcrumb I have indicated then apply the image where I have shown, according to my understanding of what you have done. That will not give a whole page background so where am I losing you?

________________________________________________________

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

[elisa23592620fepw]

Exactly Peter, infact the background isn't all over the page, however for now it's ok.

Do you have any advice?

[Peter Grainge]

Is the text part of the image or sitting in front of it? Where we are not at one is that my first look at watermarks are not working and what you are doing is inserting an image into the topic, which is not the same thing.

If you have time, creating that page in a new project and sending it to me would help. If you can, then see the Contact page on my site and 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.

[Amebr]

I think in Classic the way to add a watermark to a single topic was by using a separate master page for that topic, and specifying the background image in the Master Page properties. However, in RH2019 New UI it didn't correct the image link path when it was applied to a topic in the output so the image never showed because the relative path was wrong. I haven't checked if that is fixed in RH2022 though.

[Peter Grainge]

I think @Amebr's workaround was for print, not sure. However, Adobe have confirmed there isn't a watermark option for online topics. Background shading and images can be applied to selected sections, which is why it is working for @elisa23592620fepw but if you go to Topic Properties there is no background option.

________________________________________________________

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

[jsobonya]

I have this exact request as well. I'm looking to add an image as a background/watermark to a topic and can find no easy way to do this. The instructions in the Adobe Help simply do not work in the 2022 version: https://helpx.adobe.com/robohelp/kb/add-background-image-topics.html

--Jessica

[Jeff_Coatsworth]

@jsobonya that's because those instructions are also for the Classic version; not the New UI - same observation that Peter made at the beginnng of the thread.

[jsobonya]

Yes this is correct, but to point out, he said that it was for an "older version" and while true, it's the current Help that pulls up when you select Help > Online Help in RH. Many of the topics haven't been updated since 2021, so someone is behind the ball getting Adobe's own help updated. 

[Peter Grainge]

The key point is in my post 19 April. Adobe confirmed it is not possible to add watermarks in topics. 

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

[jsobonya]

It just seems like such an obvious oversight to remove the ability to add a watermark or background image to a topic. I tried the "table" method described above to add a background image to a topic and it does seem to work - the table needs to be the only element in the topic - essentially one row - and a background image applied to the table. The background image is applied to the entire table (with enough space added to the "row") and thus, the entire topic. Text can then be added as necessary. Ironically, in my tests the table background image does not output to Word well, which is the main reason I need this background image. The background image is essentially a cover page for Word/PDF-based documents. I can't get the image to generate to Word at all. For Frameless output, it generates fine, but I don't need it for that.

I'm still testing it but there has to be a better way! 

--Jessica

[Amebr]

You can request features here: https://tracker.adobe.com/

Post the item number in the discussion so people can easily vote if they want the same functionality.

[Peter Grainge]

Somebody posted more recently about this but I cannot find that post.

I have found a way to add a watermark that is working in 2022.4

I created an image with a transparent background and added some text in this example. I then saved it to the same folder as the CSS.

Next  amended the CSS as below.

body {
background-image: url('watermark.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-attachment: fixed;
}

I have only tested this in frameless.

________________________________________________________

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