Using Atto - The Moodle Editor


How do I add them?

Tabs work similarly to Accordions. Insert a container to hold all the related tabs, then insert individual tab items for each.

  • Click the Generico button and choose tab_container.

  • Click insert when prompted. This will add some obscure looking code to your page. Don't panic!

These codes are called markup tags. They have a starting tag, "tab_container" and an ending tag "tab_container_end". All individual tabs should be placed between them.

  • Click where indicated above and press enter to create a blank line between the start and end tags.
  • Make sure you have placed the cursor on the blank line between the start and end container tags then click the Generico button again and choose tab_item.

  • Enter the heading for the tab item and click Insert. There will be even more crazy code!

  • Another set of start and end tags has been inserted, this time for a new tab in the container.

  • The highlighted region shows the tab title. You can change this at any time.
  • To add content to the tab, click at the end of the start tag (the one with the title), press enter and start typing. The text (and image) I've added is highlighted below.

  • Keep adding additional tabs as needed. Make sure each new tab is placed after the end tag of the previous.

The example below shows three tabs with a normal heading above.

Espresso recipes

The espresso (aka “short black”) is the foundation and the most important part to every espresso based drink. It consists of:

  • 1 Shot of espresso in an espresso cup

The long black (aka “americano”) is hot water with an espresso shot extracted on top of the hot water. It is made as follows:

  • Fill a cup with 2/3rds full of hot water
  • Extract 1 shot of espresso over the hot water

Barista Tip: Make sure you back-wash your portafilter before making a long black, otherwise you might find grinds from your coffee grinder floating in your coffee.

The cappuccino is similar to a latte. However the key difference between a latte and cappuccino is that a cappuccino has more foam and chocolate placed on top of the drink. Further a cappuccino is made in a cup rather than a tumbler glass. It is made as follows:

  • Extract 1 shot of espresso into a cup
  • Add steamed milk
  • Add 2-3cm of micro-foam on top of the steamed milk
  • Sprinkle chocolate on top of the coffee


  • You don't need to use the Generico button to add these. The code can just be typed in or you can copy and paste them. If you're creating several tabs at once, it might be faster to create a container, one tab and then copy / paste that tab as many times as you need, changing the title in the start tag.