• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

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

Contributor ,
Aug 13, 2020 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

 

 

Views

427

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
community guidelines

correct answers 1 Correct answer

Community Expert , Aug 13, 2020 Aug 13, 2020

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 Properti

...

Votes

Translate

Translate
Community Expert ,
Aug 13, 2020 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. 

Votes

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
community guidelines
Contributor ,
Aug 14, 2020 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. 

 

Votes

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
community guidelines
Community Expert ,
Aug 16, 2020 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?

Votes

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
community guidelines
Community Expert ,
Aug 16, 2020 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.

Votes

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
community guidelines
Contributor ,
Aug 17, 2020 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

Votes

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
community guidelines
Community Expert ,
Aug 17, 2020 Aug 17, 2020

Copy link to clipboard

Copied

Instead of clicking the type of list, hover over it and see the name of the list. Then open the CSS editor and edit that list to meet your requirements. You can't change which lists appear in the dropdown but you can edit them.

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

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
community guidelines
Contributor ,
Aug 17, 2020 Aug 17, 2020

Copy link to clipboard

Copied

Got it. CSS editor.

 

Thank you, Peter and Amber

Votes

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
community guidelines
Contributor ,
Sep 14, 2020 Sep 14, 2020

Copy link to clipboard

Copied

LATEST

I've solved the problem of the combined number/bullet of the multi-level list style "ol_roundsquare":

 

  1. Duplicate the style
  2. Rename the new one "…fixed"
  3. Select Level 1
  4. Click the increase-space (vertic.) button
  5. This fixes the prob. for Level 1
  6. Repeat for all levels

List style RoundSquare fixed.PNG

Votes

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
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp