How do I apply a div style?

[Gravenstein]

I am having trouble applying a Div style that I created. I can use the style successfully if I manually enter it in the topic HTML code, but can't figure out how to do the same thing in the UI.

Here's what I did when I tried to use the UI: I selected a paragraph in my topic, went to the Styles pod/Div styles, and double-clicked on the new style.

Result: nothing changed--no style added, no change to underlying HTML.

There must be an easier way than manual entry in the HTML code...could someone shine a light, please?

Thanks,

G

[Captiv8r]

Hi there

Perhaps try dragging and dropping?

Cheers... Rick

[Gravenstein]

Thanks for the lightning-fast reply, Rick!

Good idea, but no joy. The styles don't seem to be draggable.

[Peter Grainge · Accepted solution]

I checked this out not too far back for someone else. It's an omission in the Design Editor that Adobe are now aware of.

---

See www.grainge.org for RoboHelp and Authoring information

@petergrainge

[Gravenstein]

Thanks, Peter. I'm disappointed, but at least now I know I'm not losing my mind.

Cheers,

G

[Sylvio5FB7]

This is an old thread, but it seems that this is still an issue with RoboHelp 2020 Update 4.

5 years later, it doesn't seem like there is a way to apply a Div style directly from the UI.

To speed things up a bit, I keep a txt file open in Notepad++ with the Div styles I need. Saves me some typing, but definitely not as efficient as if I could just apply the Div style just like any other style.

[Amebr]

A slightly more convenient workaround until/if Adobe implements this.

Create the "template" as a snippet. When you want to use it, insert the snippet, then right-click on it and select Snippet > Convert to HTML Text. You might end up with two divs, but theoretically that shouldn't matter as only the inner one will get your class and the other one should be for all intents and purposes invisible.

Make sure you include a sample word inside the div, otherwise the interface is a bit flaky when trying to view and select the snippet to convert it to HTML.

Do note, I only have RH2019 available to me at the moment, but the above should be generally the same in RH2020.

You can request features and report issues here: https://tracker.adobe.com/

[Peter Grainge]

@Sylvio5FB7 Go to code view of your topic and type <div> and RoboHelp will add the closing tag. In between still in code view type some characters. Return to author view and click in the characters. The DIV tag will appear in the breadcrumbs. Click it and then apply the class from the Styles tab.

Adobe are aware this needs to be improved.

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

[Sylvio5FB7]

Very good information! Thank you all!

Indeed, I reckon this is not that big of a deal when you know how to setup a div in the code view. It's just an annoyance knowing that the UI could be more efficient for this specific task.

Is there a bug report or enhancement request somewhere that I could go upvote? I'm still familiarizing myself with the tracker.

[Peter Grainge]

You can go to https://tracker.adobe.com if you want but Adobe are aware of this issue and it is somewhere on their list.

Post the link to your bug report in this thread and others can vote for it. The more people who do so, the higher it gets prioritised.

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