Highlighted

RH2017 - Design View Changing <ol> to <ul>

Explorer ,
Dec 19, 2018

Copy link to clipboard

Copied

I have some text that I would like to style as a particular type of ordered list, and have tagged it as <ol> accordingly. But every time I open the topic in Design View, I see it has switched to a bullet instead of an ordered list. When I check HTML, sure enough RoboHelp has replaced my <ol> tag with a <ul> tag. This is ruining my styled text. I'd prefer to keep using the Design View to edit the topic. Is there any way to make RoboHelp leave my markup alone?

Here is the HTML...or it should be; for some reason the raw html thingy isn't showing up properly . I will share the CSS tomorrow upon request if it would be helpful to answering the question.

<div class="mandreq">

     <div class="mandreqtop">

          A notice of appeal must...

          <ol class="mandreqtop">

               <li>be made in writing or another form authorized by the tribunal's rules</li>

          </ol>

     </div>

     <div class="mandreqbottom">

          <div class="mandreqimg">

               <img src="../blah/blah.png" border="0" />

          </div>

          <div class="mandreqtext">

               Blahblah

         </div>

     </div>

</div>

Message was edited by: the original poster, who doesn't know why the discussion editor isn't working either

You know what? I'm just going to use the multilevel list feature in RH.

Why re-invent the wheel, right?

Views

294

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

RH2017 - Design View Changing <ol> to <ul>

Explorer ,
Dec 19, 2018

Copy link to clipboard

Copied

I have some text that I would like to style as a particular type of ordered list, and have tagged it as <ol> accordingly. But every time I open the topic in Design View, I see it has switched to a bullet instead of an ordered list. When I check HTML, sure enough RoboHelp has replaced my <ol> tag with a <ul> tag. This is ruining my styled text. I'd prefer to keep using the Design View to edit the topic. Is there any way to make RoboHelp leave my markup alone?

Here is the HTML...or it should be; for some reason the raw html thingy isn't showing up properly . I will share the CSS tomorrow upon request if it would be helpful to answering the question.

<div class="mandreq">

     <div class="mandreqtop">

          A notice of appeal must...

          <ol class="mandreqtop">

               <li>be made in writing or another form authorized by the tribunal's rules</li>

          </ol>

     </div>

     <div class="mandreqbottom">

          <div class="mandreqimg">

               <img src="../blah/blah.png" border="0" />

          </div>

          <div class="mandreqtext">

               Blahblah

         </div>

     </div>

</div>

Message was edited by: the original poster, who doesn't know why the discussion editor isn't working either

You know what? I'm just going to use the multilevel list feature in RH.

Why re-invent the wheel, right?

Views

295

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Dec 19, 2018 0
Adobe Community Professional ,
Dec 20, 2018

Copy link to clipboard

Copied

Try a screenshot of the HTML instead.

You say "a particular type of ordered list". I'm not sure what you mean by "particular type". There are ordered lists (numbered) and unordered lists (bullets) and you can create classes to  give different appearances.

I am also not clear on why you are going into the HTML rather than just using the list icons.


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

@petergrainge

www.grainge.org for free RoboHelp & Authoring info. Use the blue Reply button at the top to help me help you.
The black Reply link nests replies and they sort out of order.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 20, 2018 0
Explorer ,
Dec 20, 2018

Copy link to clipboard

Copied

Haha, "particular type" is what I write when I'm lazy and running out of time in the workday. In this case I am trying to get an ordered list with a parenthesis after the lower-case alpha. It has to be a lower-case alpha with a parenthesis because it is a quote from a legal document. Essentially, the end product I need is something like this (from the Word document):

list final.gif

Instead, RH keeps rejecting my <ol> tag and replacing it with <ul> so I get:

list wrong.gif

I am using flex boxes to create the box above and my hope is to get it to squish appropriately when people resize their windows (so that they can have the help file open next to their working window). At first I just did the "list" (I know a list with only one item isn't really a list) just as a normal line of text, but then I noticed when it was resized the indent didn't line up, which looked bad.

Here is the HTML for the list:

list markup.gif

And here is the CSS:

list style.gif

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 20, 2018 0
Explorer ,
Dec 20, 2018

Copy link to clipboard

Copied

After trying something a little later in the topic (wanting to have a list that re-starts at C after being interrupted by some bullets), I think I've identified the problem -- the counter property.

Does anyone know why RoboHelp doesn't recognize the counter property and instead decides to change my <ol> to <ul>? Can I trick it into not "helping"?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 20, 2018 0
Explorer ,
Dec 20, 2018

Copy link to clipboard

Copied

You know what? I'm just going to use the multilevel list feature in RH.

Why re-invent the wheel, right?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 20, 2018 0
Adobe Community Professional ,
Dec 21, 2018

Copy link to clipboard

Copied

The code does not look like it was written in RoboHelp so I am wondering if you have used some other editor.

One of RoboHelp's features is that it tries to correct code errors, which most of the time is useful but sometimes you want to say "don't fiddle about with my code". I wonder if this is one.

In particular, I notice in Word the logo is in a table cell with the text alongside. I'm wondering if that is the case in RoboHelp. If not, images are only supported in single level lists in RoboHelp. There's more at Lists in RoboHelp

I think your decision to use RoboHelp's own list functionality could save something around you getting seriously damaged.


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

@petergrainge

www.grainge.org for free RoboHelp & Authoring info. Use the blue Reply button at the top to help me help you.
The black Reply link nests replies and they sort out of order.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 21, 2018 0