Skip to main content
L
louellen_20210224
Known Participant
March 7, 2022
Question

Reproducing Indigo customizations in RoboHelp 2020

  • March 7, 2022
  • 11 replies
  • 220 views

I just upgraded my first project to RH 2020. In the short term, I want to reproduce the Responsive HTML5 output using the customizations that were made to the Indigo layout in RH 2019 Classic. (I didn't do the customizations myself.)

 

All in all, the output doesn't look too bad. The upgrade process did pick up our custom icons, but when I look in RH, I can't find where they are specified. For example, we had custom book and topic icons for the landing page, and although they show up in the output, they aren't sized quite right. We also had custom icons for favorites and the browse sequence, but these also seem a little bit off. For example, the "Next" function in the browse sequence is mapped to the Previous arrow, and the "Previous" function has no icon but does work if you hover in the place where it should be.

 

In RH, I don't see anywhere in the Skin editor to make customizations. Where should I be looking? I'm using RH 2020 Update 6.

    This topic has been closed for replies.

    11 replies

    Show previous replies
    A
    Community Expert
    AmebrCommunity Expert
    Community Expert
    March 7, 2022

    You in-built customisation options for HTML5 skins in RH2020 are much more limited than it was in Classic. More options are available for Frameless output skins, if you can look into those instead.

     

    For the HTML5 skin, I think the home page tile images are specified in TOC section of the skin. There aren't any sizing options so your best bet, I think, would be to make sure your images are the same dimensions as for the uncustomised skin - you can double-check by creating a new indigo skin with a slightly different name, then right-click and select Show in Explorer. Open the relevant image in an image editor to check the dimensions. If you can't do that, then I think you need to use the browser developer tools to inspect the output, and figure out if you can customise the css to resize your images. You'd add the custom css into a new css file, and add the file in the Layout > User Assets section of the skin. 

     

    For the Favourites and Previous/Next icons, I think you need to check what the default names for each icon are in an uncustomised skin, and make sure your custom ones are named the same (see above for how to get the the skin folder to check the names). Probably you also need to make sure they are the same dimensions as in the uncustomised ones. 

     

     

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