Skip to main content
D
daniela65
Known Participant
January 23, 2024
Question

use of backgrounds in topics

  • January 23, 2024
  • 4 replies
  • 659 views

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

    This topic has been closed for replies.

    4 replies

    Peter Grainge
    Community Expert
    Peter GraingeCommunity Expert
    Community Expert
    January 23, 2024

    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.

    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.

     

    Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.
      Peter Grainge
      Community Expert
      Peter GraingeCommunity Expert
      Community Expert
      January 23, 2024

      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.

       

      Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.
      Jeff_Coatsworth
      Community Expert
      Jeff_CoatsworthCommunity Expert
      Community Expert
      January 23, 2024

      Lost the link in that one, Peter?

      Peter Grainge
      Community Expert
      Peter GraingeCommunity Expert
      Community Expert
      January 23, 2024

      @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.

       

      Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.
        D
        daniela65Author
        Known Participant
        January 23, 2024

        @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

        S
        Community Manager
        Stefan GentzCommunity Manager
        Community Manager
        January 23, 2024

        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.)

          D
          daniela65Author
          Known Participant
          January 23, 2024

          tks very much

          Peter Grainge
          Community Expert
          Peter GraingeCommunity Expert
          Community Expert
          January 23, 2024

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

           

           

          Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.
            D
            daniela65Author
            Known Participant
            January 23, 2024

            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 and I can write in it

            tks 

            daniela

             

             

             

             

            Terms & ConditionsAccessibility statement
            Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices