nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to number a list from high to low?

unknown

I would like blog post (and other content), where I want to number lists from high to low. So here is an example:

The 7 sins of meeting management:
7. No moderation
6. Starting late and complaining about that.
5. ...

I can of course do that manually, but entering then another bullet is a nightmare. Is there a solution available, like a user macro, a plugin that contains that macro, or some other magic?

Accepted answers

Davin Studer

A user macro like this should work. Just wrap it around your ordered list. It will show in ascending order in the editor, but in descending when the page is viewed.

## @noparams
##############################
## Create a unique id value ##
##############################
#set( $id=$action.dateFormatter.calendar.timeInMillis )
&lt;div id="container$id"&gt;
$body
&lt;/div&gt;
&lt;script type="text/javascript"&gt;
AJS.toInit(function(){
    AJS.$('#container$id ol').each(function(){
        AJS.$(this).attr('reversed','reversed');
    });
});
&lt;/script&gt;

All comments

Guilherme Nedel

Hello Markus, there ins't a current option to check that, this might fit into this ticket requesting other items for the same macro. Other than that you should be able to do more with some HTML within the Confluence page - for that there is the HTML macro.

unknown

Thank's a lot, the JIRA ticket is the right thing to do here. Even if that will need some months / years. I don't want to use native HTML here.

Davin Studer

A user macro like this should work. Just wrap it around your ordered list. It will show in ascending order in the editor, but in descending when the page is viewed.

## @noparams
##############################
## Create a unique id value ##
##############################
#set( $id=$action.dateFormatter.calendar.timeInMillis )
&lt;div id="container$id"&gt;
$body
&lt;/div&gt;
&lt;script type="text/javascript"&gt;
AJS.toInit(function(){
    AJS.$('#container$id ol').each(function(){
        AJS.$(this).attr('reversed','reversed');
    });
});
&lt;/script&gt;

unknown

After having used that user macro, I like that solution a lot. It is just the functionality I need, the only thing is that I have to remember, that bullets in the edit mode are in the order from least to best. Thank'S a lot, that is pretty nice!!