Known Participant

Answered

Customizing Robohelp 2020

Forum|Forum|4 years ago
April 14, 2021
10 replies
1972 views

I am using Robohelp 2020 version and want to customize it as per the screenshot below. Can someone suggest where I can make changes in Skin for output to look like as shown in the image?

This topic has been closed for replies.

Correct answer Peter Grainge

Look at the code in Classic and check it is correct there. If it isn't and you can't fix it, start another thread to keep this limited to its purpose. Helps other users with problems later on.

________________________________________________________
See www.grainge.org for free Authoring and RoboHelp Information

Jeff_Coatsworth

Community Expert

Ah, the old "Responsive HTML5" (Adobe label) vs. "responsive HTML5" (functional description) trap! 🤣

Peter Grainge

Community Expert

I read that as he had to have what we have known as Responsive HTML5 for some reason and Frameless was not an option, even though it adapts in the same way.

________________________________________________________
See www.grainge.org for free Authoring and RoboHelp Information

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Jeff_Coatsworth

Community Expert

@Peter Grainge - Thought so - I was just thinking that @khusboo6in's point about:

As per my project requirements, I need to have responsive HTML5 only.

was a red herring since Frameless output is responsive HTML5 too. That's all.

Peter Grainge

Community Expert

@Jeff_Coatsworth Frameless adapts to the window size in the same way as Reponsive HTML5 skins but they are very different technically and with more limited customisation. When you create a new skin the first step is to specify Frameless or HTML5.

Am I missing your point?

________________________________________________________
See www.grainge.org for free Authoring and RoboHelp Information

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Jeff_Coatsworth

Community Expert

Umm, isn't the Frameless skin choice a responsive HTML5 output too?

Peter Grainge

Correct answer

Community Expert

Look at the code in Classic and check it is correct there. If it isn't and you can't fix it, start another thread to keep this limited to its purpose. Helps other users with problems later on.

________________________________________________________
See www.grainge.org for free Authoring and RoboHelp Information

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

You are limited to what can be edited in the skin editor.

________________________________________________________
See www.grainge.org for free Authoring and RoboHelp Information

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

K

khusboo6inAuthor

Known Participant

Thanks a lot guys for such a prompt response. Really appreciate the same.

I have another query too: When I am upgrading my Robohelp Classic project , bullets from existing project are going for a toss. Numbered bullets are becoming round bullets. Is there something I am doing wrong, or is there any fix for the same?

Peter Grainge

Community Expert

Stefan's code knowledge is way more advanced than mine but I think he will confirm the following.

In Classic versions of RoboHelp there were ways of customising behind the scenes if you had very advanced HTML5 and CSS3 skills and could figure out what to change. it was not easy. The downside was that if Adobe had to make a technical change it required them to effectively create a new skin. To take advantage of those changes you would lose your customisation.

In the new UI, they can make changes to fix issues without affecting your customisation. The downside is the behind the scenes customisation is not an option. You are limited to what is in the skin editor. Frameless skins are where future development of skins will be and that is demonstrated by the much more extensive editing capabilities that have been created. Those options are not in the responsive skin editor.

In short, if you have to stick with that skin, you are stuck with its skin editor options.

________________________________________________________
See www.grainge.org for free Authoring and RoboHelp Information

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

S

Stefan Gentz

Community Manager

+1

Peter Grainge

Community Expert

You are using a Responsive HTML5 skin. You will get far more customisation options if you use a frameless skin.

________________________________________________________
See www.grainge.org for free Authoring and RoboHelp Information

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

K

khusboo6inAuthor

Known Participant

As per my project requirements, I need to have responsive HTML5 only. Also, it would great if you can help in :

1. What options to change in charcoal grey so that I can add print button in sidebar

2. What options to change in charcoal grey to add text "Designed and Developed by" in Functionbar

S

Stefan Gentz

Community Manager

The Print button should be there by default in the Charcoal Skin:

To add this additional text you would probably need custom development of a layout and edit the source code of the search bar there.

S

Stefan Gentz

Community Manager

You can customize the Skin of your choice in RoboHelp itself. Open your Project, go to Output > Skins, click the + icon, Choose New Frameless Skin, select a Template (e.g. "Studio") and give it your own name. You can then customize pretty much everything (colors, fonts, icons, etc.). See also the RoboHelp User Guide (Work with skins) for more details.

K

khusboo6inAuthor

Known Participant

I tried doing it. But I don't see this option in my RH.

Under the User Assets drop-down section, click Add Asset.

S

Stefan Gentz

Community Manager

As Peter wrote, Charcoal Grey is a more reduced, frame-based HTML5 skin. These skins do not have the "User Assets" feature in the layout tab. I also recommend using a "Frameless Skin" which is much more advanced in many ways.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded