Highlighted

How to create a multi-level list? (RH 2019, new UI)

Explorer ,
Aug 13, 2020

Copy link to clipboard

Copied

Hi, Everyone.

 

In RH 2019 new UI, I'm having trouble creating a multi-level list. I'd like it unordered/bullets. 

 

I select the list text and click the multi-level list button in the toolbar.  Then, to create the sub-level list, the RH User Guide says to either press "Tab" (which does nothing) or use the "increase indent" button, under Properties > Alignment. But that indents the first line, only;  the indent is teensy-weensy; and the bullet doesn't move, at all. (See screenshot.)

 

Plus, the bullets I've chosen are glitching -- giving me both numbers and bullets.

 

Thank you!

 

SCREENSHOT

 

multilevel list glitching.JPG

 

 

Adobe Community Professional
Correct answer by Amebr | Adobe Community Professional

For the number+bullet problem, the li tag in your stylesheet probably has a list-style-type defined. 

 

Pressing Tab won't indent an entire list, only a selection of items. So you would create the entire list, then select the items you want to be nested then press Tab. Or you would start your list, then when you get to the item where you want to start nesting press Tab and continue with your nested items. Then when you want to go back to your original outer list, press Shift+Tab. 

 

The Properties > Alignment > Increase Indent seems to behave differently depending on whether you have an entire list selected or part of a list. When it's the entire list, it seems to loop through increasing and decreasting the space between the bullet and text. When only a part of a list is selected it seems to nest the selected items. 

Views

67

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

How to create a multi-level list? (RH 2019, new UI)

Explorer ,
Aug 13, 2020

Copy link to clipboard

Copied

Hi, Everyone.

 

In RH 2019 new UI, I'm having trouble creating a multi-level list. I'd like it unordered/bullets. 

 

I select the list text and click the multi-level list button in the toolbar.  Then, to create the sub-level list, the RH User Guide says to either press "Tab" (which does nothing) or use the "increase indent" button, under Properties > Alignment. But that indents the first line, only;  the indent is teensy-weensy; and the bullet doesn't move, at all. (See screenshot.)

 

Plus, the bullets I've chosen are glitching -- giving me both numbers and bullets.

 

Thank you!

 

SCREENSHOT

 

multilevel list glitching.JPG

 

 

Adobe Community Professional
Correct answer by Amebr | Adobe Community Professional

For the number+bullet problem, the li tag in your stylesheet probably has a list-style-type defined. 

 

Pressing Tab won't indent an entire list, only a selection of items. So you would create the entire list, then select the items you want to be nested then press Tab. Or you would start your list, then when you get to the item where you want to start nesting press Tab and continue with your nested items. Then when you want to go back to your original outer list, press Shift+Tab. 

 

The Properties > Alignment > Increase Indent seems to behave differently depending on whether you have an entire list selected or part of a list. When it's the entire list, it seems to loop through increasing and decreasting the space between the bullet and text. When only a part of a list is selected it seems to nest the selected items. 

Views

68

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
Aug 13, 2020 0
Adobe Community Professional ,
Aug 13, 2020

Copy link to clipboard

Copied

For the number+bullet problem, the li tag in your stylesheet probably has a list-style-type defined. 

 

Pressing Tab won't indent an entire list, only a selection of items. So you would create the entire list, then select the items you want to be nested then press Tab. Or you would start your list, then when you get to the item where you want to start nesting press Tab and continue with your nested items. Then when you want to go back to your original outer list, press Shift+Tab. 

 

The Properties > Alignment > Increase Indent seems to behave differently depending on whether you have an entire list selected or part of a list. When it's the entire list, it seems to loop through increasing and decreasting the space between the bullet and text. When only a part of a list is selected it seems to nest the selected items. 

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...
Aug 13, 2020 0
Explorer ,
Aug 14, 2020

Copy link to clipboard

Copied

[NOTE:  Amber, please see my additional question in orange, below.]

 

Wow, you're right, Amber. My CSS does have a list style that weirdly creates that glitchy appearance of a number merged with a bullet. But it's the ol style called "RoundSquare" (screenshot):

 

CSS list styles.JPG

 

I don't know why, but when I click the multi-level list button in the toolbar, by default it selects that ol-RoundSquare style. Is there a way to edit that button behavior? (I'd like to change the default style.)

 

And thank you so very much for walking me through how to use the Multi-level list feature. Adobe's User Guide documentation doesn't explain it fully the way you have. 

 

Same with the Properties > Alignment > Increase Indent behavior. Thank you so much for laying it out in detail, which the User Guide completely fails to do. 

 

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...
Aug 14, 2020 0
Adobe Community Professional ,
Aug 16, 2020

Copy link to clipboard

Copied

I only found out about Shift+Tab when I logged a bug complaining that there was no way to un-nest lists without editing the code by hand. I *think* they've added buttons to allow it in RH2020 although I don't have that version at this time.

 

As far as I know there is no way to customise anything in the RH2019 UI.

 

For me, when I click the multi-level list button it pops down a menu that I can select from 4 numbering methods plus "none". Numbering isn't applied until I select one of the options. Is that not the case for you?

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...
Aug 16, 2020 0
Adobe Community Professional ,
Aug 16, 2020

Copy link to clipboard

Copied

Oh and regarding the doubled number/bullet display. Is it only happening when you select ol.RoundSquare? If so, I think you have a complex selector in your stylesheet. It would look something like

 

ol.RoundSquare li or possibly ol.RoundSquare>li.

 

But I think you would have had to enter that manually in the code - I can't think how you would do it through the Robohelp UI.

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...
Aug 16, 2020 0
Explorer ,
Aug 17, 2020

Copy link to clipboard

Copied

Thanks for explaining all that, Amber.

 

Re. your 1st question, when I click the Multilevel List button, it does give me that menu of 4 choices + none. But I've been choosing the bullets. And that gives me RoundSquare style. I then have to go into Properties > Styles > List Styles and select Disc. Is that expected behavior?

 

Re. your other question, I get that combined number/bullet with RoundSquare (screenshot 1). But I also get a combined number/letter with Alphanumeric (screenshot2). To fix them, I've found I can simply increase the vertical line spacing for each level that contains the superimposed characters.

 

SCREENSHOT 1

List style RoundSquare.PNG

 

SCREENSHOT 2

List style AlphaNumeric.PNG

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...
Aug 17, 2020 0