• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

use of backgrounds in topics

Community Beginner ,
Jan 23, 2024 Jan 23, 2024

Copy link to clipboard

Copied

Good morning,

to diversify one topic from another, I need to put a different background. Is it possible only for some topics and not for others?
Is it also possible to insert icons into the titles of the TOC?

 

I would also need to insert references such as snippets but with the possibility of modifying the content.

 

Thanks

daniela

Views

167

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
Community Expert ,
Jan 23, 2024 Jan 23, 2024

Copy link to clipboard

Copied

You haven't said which version of RoboHelp you are using. In a previous post you said you were using 2020 so I will assume you are using that or 2022. Please always start a thread with this information so that those helping don't have to trawl through previous posts.

 

You have asked three questions.

  1. To diversify one topic from another, I need to put a different background. Is it possible only for some topics and not for others?
    Provided you don't select a Topic Layout in the field shown below, I believe a topic layout applied to a page will be used. I haven't tested that but it's my understanding. The field below would override anything specified in topics.
    image.png
  2. Is it also possible to insert icons into the titles of the TOC?
    As phrased, no you cannot. However, you can change the default icon. RH2022 The Table of Contents (grainge.org)
    If your icon does not appear, make sure a size has been set. 
  3. I would also need to insert references such as snippets but with the possibility of modifying the content.
    I think you mean you want to modify certain instances of the Snippet. No you cannot but there is an option to Convert to Text. You will see an Edit option but that is to change the underlying Snippet, not just that instance.

________________________________________________________

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

 

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

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
Community Beginner ,
Jan 23, 2024 Jan 23, 2024

Copy link to clipboard

Copied

sorry peter,

yes I use 2022.
My goal is to have a responsive layout for all topics and I set it from layout (I did this). Then I would like to put a background only on ionly some topics (like a grey) different from the others.
For the icons I'll look on your site but I would like to include them only in some topics.
As for the snippets... I don't know if they are the right tools... I would like something like that daniela65_0-1706007261207.pngand I can write in it

tks 

daniela

 

 

 

 

Votes

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 Employee ,
Jan 23, 2024 Jan 23, 2024

Copy link to clipboard

Copied

Regarding different backgrounds – yes, that’s possible. In a nutshell:

  1. Assign a class to the body of the topics
  2. Style it as per your needs.

 

So, in the topic, you would give the body of a topic a specific class like "concept", "topic", "troubleshooting" (or whatever fits for you). So, in the source code of your topic it would look like this:

 

 

<body class="troubleshooting">
  <!-- the content of your topic -->
</body>

 

 

Then in your CSS you can style the <body> element with class troubleshooting like this:

 

 

body.troubleshooting {
  background-color: red;
}

 

 

Of course, you can apply all the CSS styling to the body like background-color, background-image, etc. (more more info, see here.)

Votes

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
Community Beginner ,
Jan 23, 2024 Jan 23, 2024

Copy link to clipboard

Copied

tks very much

Votes

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
Community Beginner ,
Jan 23, 2024 Jan 23, 2024

Copy link to clipboard

Copied

LATEST

stefan,

tks very much .

I solved the problem of customizing the background of some topics.
I created two .css files, a standard one for all topics and another specific one for particular topics.
A thousand thanks

daniela

 

 

Votes

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
Community Expert ,
Jan 23, 2024 Jan 23, 2024

Copy link to clipboard

Copied

@daniela65 You asked about icons in the TOC but the image you have shown looks as if it is part of a topic. Which is it?

 

@Stefan-Gentz I tried using Topic Layouts with a background colour applied through the UI. Shouldn't that work?

________________________________________________________

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

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

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
Community Beginner ,
Jan 23, 2024 Jan 23, 2024

Copy link to clipboard

Copied

@daniela65 You asked about icons in the TOC but the image you have shown looks as if it is part of a topic. Which is it?

yes the example was in the text of a topic... I would like to get a line like the one with the light bulb where I can change the content every time.

While on another topic...I'd like to put a different icon for certain summary titles.

more info...is it possible to link to 1 excel file?

tks

daniela

Votes

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
Community Expert ,
Jan 23, 2024 Jan 23, 2024

Copy link to clipboard

Copied

This is an example of something from my site. The blue background and border is a style. You can find it in the About RoboHelp sample project. Emphasis 1 and Emphasis 2. You can easily change the colours.

I then drag one of a number of images into the paragraph and then enter the text. For text you repeat, create a variable.

The images are also in About RoboHelp and you are free to use them.

image.png

I think @Stefan-Gentz posted a way of including the image in the style a while back. 

________________________________________________________

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

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

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
Community Expert ,
Jan 23, 2024 Jan 23, 2024

Copy link to clipboard

Copied

This links to @Stefan-Gentz solution. It is more correct but also more complex. Your choice. 🙂

Re: Font Awesome Icons in RoboHelp - Page 2 - Adobe Community - 9384034

________________________________________________________

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

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

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
Community Expert ,
Jan 23, 2024 Jan 23, 2024

Copy link to clipboard

Copied

Lost the link in that one, Peter?

Votes

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
Download Adobe RoboHelp