Can not have multiple tasks on single line?

As eightning said, tasks are list items. You cannot do it using traditional means. However, it can be done!

Solutions

image

Option 1: Using HTML

<input type="checkbox"> Albania <input type="checkbox"> Algeria <input type="checkbox"> Andorra <input type="checkbox"> Angola

Pros

  • No need for CSS snippets

  • You can switch between styles within the same file

  • Easy to remember

Cons

  • Not recognized by Dataview Plugin, Tasks Plugin, or Themes
  • You cannot mark tasks as complete in preview by clicking
    You can add checked like so, <input type="checkbox" checked>
  • Weird spacing on the left (you can use CSS)
    image
input[type="checkbox"] {
    margin-left: 5px;

Option 2: Using CSS

.inline-task .task-list-item, .inline-task .HyperMD-list-line {
    display: inline-flex;
    margin-right: 28.5px;
}

Pros

  • Recognized by Dataview Plugin, Tasks Plugin, or Themes

  • Works the same as usual

  • Easy to customize

Cons

  • In Preview Mode, the tasks will be displayed across multiple lines (like normal)

You can download the CSS snippet here
inline-task.css (211 Bytes)

5 Likes