Can you post a screenshot of what you're trying to accomplish? I haven't heard of many people having to work in source code view to deal with lists.
So the lines "Enter a short description about the case..." in point #3 and "Press Select Module." in point #4 is what you're talking about?
Not sure what I am doing wrong. I will attach it to this email.
Judy Shaltiel, Senior Technical Communicator
[personal info removed by moderator]
You can't reply by e-mail & have it come through correctly. Use the web interface - am I correct in identifying where the issue is?
I'm doing exactly what you're doing, except with p tags instead of div tags. Otherwise the numbering restarts. One other option would be to create a p style that has its own numbering and only resets with specific other p styles. I haven't had the time yet though to figure this out completely. So indeed, since the gui doesn't support extra elements inside a li tag, it's source code city for me as well.
Thanks. I will try that and see if it works.
p.list.continue isn't a normal style name. Remove the dot between list and continue and see if the style now shows up for paragraphs.
(I think the dot is valid but indicates two separate styles applied to the one p tag - I'm assuming you didn't intend that and I would avoid that for the moment as I'm not sure if RH is currently designed to handle it.)
@Judy I didn't mention anything about a div style? I just suggested removing the dot from the style name as I think it has a special meaning. So create your style as p.listcontinue (without a dot between 'list' and 'continue'.
Coming in late here but I needed something that looks much the same.
I started the list in the normal way by clicking the list icon and typing my first list item. At the end of the text I then press Shift Enter once or twice and then insert the image. That gets me perfect alignment.
To insert the other style, after entering what you see in 2, I would press Enter twice to get back to Normal. Then I would select the required style. What you see above needs tweaking to align it but you'll get the idea.
After that style I would return to Normal and then click the list icon again. It would show as ! but then you right click to change that to whatever, 3 in this example.
I guess you could do it this way but I wanted to have a style that did what you are describing.
Something similar to what you do in Word I where you set a style for formatting instead of manually formatting (which this seem what you are describing does). Maybe RoboHelp doesn't do it - that is what I am basically asking.
I am going to try the paragraph style that was described in one of the responses and see what happens but thanks for your response.
What you see in Item 2 is a style in the CSS. albeit not indented properly in this example.
What are you seeing as manual formatting?
I guess I misunderstood you.
Perhaps that is how it is done in RoboHelp, pressing Enter to get the alignment correctly but it is not a definite style set in the Styles panel. It isn't like choosing a style "Numbered LIst" and then "List continue" style set to indent and then returning to "Numbered List" style like you do in Word.
No it's a bit different but to get the image aligned without having to select another style seems better and that also works in Word, guess what gave me the idea when I first tried it in RoboHelp. 🙂
Word used to require you to restart numbering and I recall the furore when it became automatic and people were trying to start a new list. In Word you now have to set that back to 1.
Unfortunately, the way HTML works is very different from the way Word works in that regard. HTML doesn't have lists that keep on numbering if something different is put in between steps like the Word multi level lists do. RH just adheres to that standard.
The only way to keep numbering together is to make whatever is in beween part of that list. Exactly the way you showed in your initial post. I do the same, but with <p> tags, but the result is the same, I need to go into the source code editor to move these <p>s into the <li>s. Unfortunately the RH GUI doesn't support this.
RH classic (at least v9, I don't know about later versions) worked its way around it by creating "dirty HTML" where it would just create typed numbering in the output instead of a list. But the new UI doesn't do that, which creates cleaer HTML but more problems for people who want to do what we are doing.
The only other option is creating <p> styles with their own numbering, but I found it quite a can of worms to get that working correctly. The numbering would still reset for no apparent reason, so I gave in and went the <p> inside <li> route.
If you're not using different formatting (such as the alerts you used) but just an extra paragraph inside a step, you could try to use soft returns (breaks, you get these with shift-enter). In the CSS you can define the line distance that a <br /> tag should have, if you want the distance be more than the default zero.
Thanks a lot for you reply. It seems to be the consensus - using a paragraph style instead of a div style in order to get around having to reset the numbering each time.
The way I've found the least cumbersome to add <p>s inside a <li>:
Quite cumbersome, and more or less defies using a UI in the first place. But there you have it. If there are any easier ways to do add <p> tags to a <li> element, I'd like to know. And Adobe, if you read this, I'd REALLY like you to make this option part of the UI.
I wouldn't disagree with Erwin's method and for many years that is pretty much what I did in Classic versions. The downside I hit was when creating printed documentation but I created a workaround for that.
Working with 2019 New UI by tweaking my list styles I found applying the P tag on top of a list was not needed for any output. Now I just select the list style and use Shift Enter and change the style when needed and as I have described above.
For me I find it easier as there is one step less but it's whatever works for you.
I use it mostly for images and alerts. I've got a p.FigureHolder that's centered and a p.AlertBegin that has NOTE: before it. Not sure if centering an image would work if it's on a line that's not, and the alert needs its own style anyway. Making the Ps part of the list aligns them correctly automatically relatively to the list, which is handy.
I'm with Peter on this one - Shift-Enter is waaay easier than poking around inside the source code (now, mind you, in Framemaker I do have a numbered list paragraph tag defined to do this precise indent action & still remain a numbered list (just suppressing the numbering and not advancing the counter)). YMMV 😁
Yes, but how would you create the note in step 3 from the screenshot? This note is formatted by a p style I would guess. Is there any way to do that with a shift-enter?
Not really since my Note is formatted with background and borders. I think a p.listcontinue and p.note are the best way to go. Maybe only with the p.note since it is formatted and use the Shift+Enter for the list continue.
Thanks everyone for your input.
Have you tried Shift-Enter to add a <br> tag between the text and the picture?
That's how I've done it in the past, although with text rather than pictures.