How to decrease or increase the level of a list item without coding?

Beginners
1

If I have a list that contains an item –

<li>list_item</li>

I can code to decrease (demote) the level –

<ul>
   <li>list_item</li>
</ul>

Is there a way to do this without coding? (Expression Web has an icon to do this but I can’t find anything in Pinegrow.)

I’m trying to integrate Pinegrow with Atom but I also couldn’t find this functionality in Atom. (I realize Atom is just an editor but I thought there might be a macro or some other way to do this.)

Thanks,
Don C.

2

Hi @dculp,
Not sure I get your meaning exactly. Do you just mean code formatting in the code editor? If so, the hotkey combo ‘OPTION-SHIFT-F’ (mac & linux) or ‘WIN-SHIFT-F’ (windows -I think) will format the code with proper indenting. If you are in the Tree panel, highlight the <li> and click the indent icon on the right.

image
image770×680 53.3 KB

This one.
image
It will move it inside the parental <ul>
Hope this helps,
Bob

3

RobM –

OK. In the tree view I was clicking on the list item’s text rather than clicking on “li”.

Thanks.

4

Can this indent according to my needs ? 4 spaces for tab.

5

Hi @anjanesh,
You can set the indent size within the Support → Settings… menu. It is in the “Code Editing” section where you can also set your theme and font. I think it only does spaces, but I have mine set to 4.
Cheers,
Bob

1 Like