Forums | Mahara Community

Developers /
Ordered list styles


Don Presant's profile picture
Posts: 255

06 October 2011, 11:45 AM

I notice that when you use nested ordered lists in Mahara, that unlike the ordered list type which has a different style at subsequent levels (solid circle, circle, square), the ordered list just presents decimal numbers at each level.

Would the community be interested in adding some styles to core raw theme (style.css + tinymce.css) to change this to the following:
Level 1. Numbers (list-style-type: decimal;)
Level 2. Lower case letters (list-style-type: lower-latin;)
Level 3. Lower case Roman Numerals (list-style-type: lower-roman;)
Just to differentiate....?
Does anyone know of any options in tinymce to do this automatically rather than adding in the styles?
Melissa Newman's profile picture
Posts: 112

06 October 2011, 5:34 PM

That would be "advlist".  That is a standard TinyMCE plugin.  The corresponding button is "advlist".

Melissa

Don Presant's profile picture
Posts: 255

07 October 2011, 4:06 PM

Thanks Melissa, that's great! Here's some feedback from my developer:
The only issue with advlist is that it allows 'lower-greek' list styling as an option. This is stripped out by htmlpurifier because lower-greek list style has issues in IE<8. That's a shame because tinymce deals that problem anyway by checking ie versions.
One solution would be to set the options for advlist in tinymce.init as follows:

advlist_number_styles : [
        { styles: { listStyleType: "" } , title: "advlist.def" },
        { styles: { listStyleType: "lower-alpha" } , title: "advlist.lower_alpha" },
        { styles: { listStyleType: "lower-roman" } , title: "advlist.lower_roman" },
        { styles: { listStyleType: "upper-alpha" } , title: "advlist.upper_alpha" },
        { styles: { listStyleType: "upper-roman" } , title: "advlist.upper_roman" }
],

Usability could be improved further by replacing the titles with something more intuitive. e.g. 'lower alpha' could be changed to 'a,b,c'.
What do you think?
3 results