Skip to main content
L
louellen_20210224
Known Participant
June 30, 2022
Answered

Mini TOC - Can you change the current heading indicator?

  • June 30, 2022
  • 6 replies
  • 477 views

I have upgraded my projects to RoboHelp 2020.7 and plan to use the Frameless layout with a customized Studio skin (let's call it Studio-custom).

 

In the Mini TOC, is there a way to change the bullet that's used to mark the current heading? In the attached screen shot, you can see that the bullet is a dark blue. I assume this is coming from the Theme Color for the skin (#00477B in our case). Is there a way to make that bullet a different color without changing the overall theme color (to use an accent color, for example)? Is there a way to use a different indicator altogether?

 

In the skin settings (Topic Page > Mini TOC), I see something called selected-pointer which seems to be the bullet, but I don't see a way to change the color or the character. (Changing the Font Color for it had no effect in the output.)

 

I see that there's a file called dot.svg in the /publish/skins/Studio-custom subfolder but it looks black, so I'm guessing that RH applies the theme color to that image when it generates the output. If we created an image file with the bullet we want and called it dot.svg, would that work? Or is there a way to customize this bullet in the Skin Editor?

    This topic has been closed for replies.
    Correct answer Peter Grainge

    This didn't seem to work first time but it does now.

     

    Change the image to a PNG in Selected Pointer. I chose PNG thinking any SVG may get the colour set to the them.

     

    The one I chose was 100px by 100px, obviously too large but ignore that.

     

     

    It doesn't seem to matter what size is set here, the preview does not change. Also I set the repeat to round but I'm not sure that is necessary. Because it was wrong here I was about to try other things but then I went to the Item Level settings.

     

    Level 1 shows the required green bullet but the other levels do not. However it seems to work for all levels.

     

    Give it a whirl in a copy of your skin and let us know if it fixes it for you.

    ________________________________________________________

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

     

    6 replies

    Peter Grainge
    Community Expert
    Peter GraingeCommunity Expert
    Community Expert
    July 4, 2022

    @Amebr Whilst you are right about the various settings, in this case it doesn't seem to matter what you set. I mentioned I had chosen round but cautioned I didn't think it was correct. I later tried various settings but nothing changed.

    ________________________________________________________

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

     

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    A
    Community Expert
    AmebrCommunity Expert
    Community Expert
    July 4, 2022

    Oops. Also, the value for background-repeat should be 'no-repeat' not 'none'. Most other things are 'none' so I got confused. 🙂

    A
    Community Expert
    AmebrCommunity Expert
    Community Expert
    July 1, 2022

    On a side note, I'd set background repeat to 'no-repeat'. I can't imagine any scenario I'd want a bullet image repeating for an element.

    L
    louellen_20210224Author
    Known Participant
    July 1, 2022

    @Amebr I'm not sure what background repeat is for, but this should be easy enough to do. Thanks for the advice!

    A
    Community Expert
    AmebrCommunity Expert
    Community Expert
    July 3, 2022

    I tells the browser when and how the image should fill the available space. For the space assigned to the bullet it probably doesn't matter, but if you had an image on a large paragraph (or the page background), depending on what you set you might see the image multiple times spread across the paragraph height and width. Setting the background-repeat to 'none' means the image will only display once, like a regular image.

    L
    louellen_20210224Author
    Known Participant
    June 30, 2022

    @Peter Grainge Your suggestion worked for me! I created a 16x16 image of an orange square (.png) and specified it as the Image Path for selected-pointer. The color changed in the skin preview, and when I generated the help, the indicator was orange. There's just one little thing...RoboHelp really seems to want that indicator to be a circle and also determines the size (see attached; the output didn't change even when I enlarged the square to 48x48).

     

    I can live with that---it was mostly the color change I was after (at the suggestion of a designer), but I figured I would ask about the bullet character at the same time. Thank you so much for figuring this out!

    Peter Grainge
    Community Expert
    Peter GraingeCommunity ExpertCorrect answer
    Community Expert
    June 30, 2022

    This didn't seem to work first time but it does now.

     

    Change the image to a PNG in Selected Pointer. I chose PNG thinking any SVG may get the colour set to the them.

     

    The one I chose was 100px by 100px, obviously too large but ignore that.

     

     

    It doesn't seem to matter what size is set here, the preview does not change. Also I set the repeat to round but I'm not sure that is necessary. Because it was wrong here I was about to try other things but then I went to the Item Level settings.

     

    Level 1 shows the required green bullet but the other levels do not. However it seems to work for all levels.

     

    Give it a whirl in a copy of your skin and let us know if it fixes it for you.

    ________________________________________________________

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

     

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

    I don't have an answer for you but whatever you try, do it in a duplicate of your skin so that you can ditch anything that doesn't work.

    ________________________________________________________

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

     

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices