RH 2019 Responsive HTML5 Screen Layouts

[RoboFan]

Hello! I'm currently running RH 2017 and generating Responsive HTML5 output. The included screen layouts (e.g., Azure Blue, Charcoal Gray) are IMO, a little dated, even with customization, so I'm looking for some that are more modern/attractive. Hence, I'm curious what new Responsive HTML5 layouts are included in RH 2019, what they look like, and whether they can also be used with RH 2019 Classic and/or RH 2017. Here's an example that I think shows promise (from the RH 2019 brochure) of what I mean when I say modern/attractive. I *could* install the demo/trial, but I'm attending Adobe's workshop at the STC Summit next week so I want to hold off on starting the trial clock until right before that. With that in mind, can someone provide a list of all Responsive HTML5 screen layouts included, and also screen shots of them in generated output? TIA!

[Peter Grainge]

There's nothing new yet so talk to the Adobe people about what you would like to see. Customisation is a lot more comprehensive but I don't think that's what you are looking for.

---

See www.grainge.org for free RoboHelp and Authoring information.

@petergrainge

[RoboFan]

Thanks, Peter. I could've sworn I saw something somewhere indicating that at least one new Responsive HTML5 layout (in addition to Azure Blue and Charcoal Gray) was released with RH 2019.

[Jeff_Coatsworth]

Indigo?

[Peter Grainge]

Yes there is a red/green but it is essentially a tripane appearance and nothing like what you are looking for. Indigo is already in 2017.

I have no idea how the photos were created for the brochure.

---

See www.grainge.org for free RoboHelp and Authoring information.

@petergrainge

[RoboFan]

I knew there was a new one - Coffee (see below, April update announcement). Also, it appears there were some changes to the others. Would love to see examples/screen shots of output created with each.

Skin enhancements

The Indigo skin now contains three custom buttons—Remove Highlight, Expand All, and Print. You can also add more custom buttons. When scrolling through a large topic, you can now use the back-to-top functionality in the Indigo skin. You can also customize the size of the logo and the font of the title in the Title bar in all skins.

A Coffee skin is now added to the skin gallery. The Charcoal Grey skin is revamped to RoboHelp 2019 structure. Except for the Coffee skin, all skins are now 508-compliant. Several other issues are fixed in all skins.

[Peter Grainge]

There's a complete list of skins with a preview of Coffee. Sorry I had forgotten that one. As you can see, it is a customised version of Indigo.

The others are essentially the same as in 2017 but with some additional icons with functionality such as show/hide all dropdowns/expanding text. The icons are alongside the icons you see in 2017 and are similar in appearance. Technically they are very different and cannot be used in Classic versions.

To get back to the original question, there is nothing radically different in appearance yet. Was the image in your first post in this thread touted as being a new skin or was it just some design for a brochure cover?

---

See www.grainge.org for free RoboHelp and Authoring information.

@petergrainge

[RoboFan]

Followup...

So to confirm, the mono-pane layout example on the device screens in my initial post (from the RH2019 brochure) isn't included in RH2019?

[RoboFan]

Good call. I forgot about Indigo. Was thinking it was sunset, but that was Ocean.

So, were the examples in the product brochure created with the Indigo layout?

[RoboFan]

Thank you for sharing!

It appears on page 4 of the RoboHelp 2019 brochure, accessible from Adobe's website here: https://www.adobe.com/content/dam/acom/en/products/robohelp/robohelp_2019/pdf/RH_Brochure.pdf 

[Peter Grainge]

The headings on that image look more like a web page. I think you need to

take that up with Adobe at the conference.

Peter Grainge

www.grainge.org

@petergrainge

[gbr_forum]

Any reaction from Adobe in this regard?

I'm working on a Proof of Concept right now, trying to convince our Board to switch some of our documentations from FrameMaker-generated output to RoboHelp content. I would have to spend some hours hacking the "Coffee" skin to look a little bit more like a real Help Center website if there's no silver lining to get a skin like the one in the ads.

[RoboFan · Accepted solution]

I talked to Adobe at the STC Summit conference in Denver. The next update (#8 - next month, I believe) is slated to include a new HTML5 Responsive frameless layout. I got to see a preview. It looks slick! Better, IMO, than the screen shot in my original post (taken from the announcement PDF) here.

[RoboFan]

I agree. I was curious to see how they worked - and excited that the functionality was apparently built in to an included skin/layout. I could probably hack in a horizontal menu bar, but the rest of my team would kill me.

I'll talk to Adobe at the conference. Thanks again for all the feedback, Peter!

[Amebr]

Also, the way RH 2019 (New) works, the skins aren't hackable the way they were in previous versions. There is no underlying xml/html (plain text) template to access. The customisation options Adobe gives you in the interface is it. Possibly there are a few things you can do by including custom scripts, but I suspect what you can achieve will be fairly limited.

[RoboFan]

Hmm... "...aren't hackable the way they were in previous versions." So that's a bummer - for me at least. My co-workers will probably appreciate it though. I'll be installing the 30-day trial version later this week before heading to the Adobe workshop. Looks like I'll have a better understanding/feel for what we can do once I start playing around with it.

Thanks for the input, Amebr!