Differences

This shows you the differences between two versions of the page.

--- plugin:wrap:extensions [2024-04-07 01:09] – Added type checklist 45.83.220.205
+++ plugin:wrap:extensions [2024-04-07 03:16] (current) – [Checklist with numbered and unnumbered list items] 45.83.220.205
@@ Line 509: / Line 509: @@
 ===== Checklist with numbered and unnumbered list items =====
-By creating a list of items, the WRAP plugin can be used to show them as checklist items. Use an ordered list item (''-'') to show an outstanding item (an empty check box) and an unordered list item (''*'') to show a finished checklist item (a ticked box). (In this example, I also greyed out and struck through the finished item, but you can remove that by not including the last rule).
+By creating a list of items, the WRAP plugin can be used to show them as checklist items. Use an ordered list item (''-'') to show an outstanding item (an empty check box) and an unordered list item (''*'') to show a finished checklist item (a ticked box).
+The simplest version might not work with older browsers:
+<file css userstyle.css>
+.wrap_checklist ol {
+  list-style-type: "☐ ";
+}
+.wrap_checklist ul {
+  list-style-type: "☑ ";
+}
+</file>
+This version does, but seems to have some bugs related to multilevel lists. (In this example, I also greyed out and struck through the finished item, but you can remove that by not including the last rule).
 <file css userstyle.css>
@@ Line 539: / Line 552: @@
 <code>
+<WRAP checklist>
   - Item to do
   * Done item
+</WRAP>
 </code>