Created by Smart Sparrow

Periodic Table

The Periodic Table widget allows learners to select and explore the different elements of the periodic table.


Unique ways to use this widget

There are multiple ways you can set up and use this widget to assess learner knowledge. For example:

  • This widget has three separate selection ways in which students can explore the table: Element, Period, Group.
  • Element: Students click on the table and only select an individual element
  • Period: Students click on the table and select an entire period
  • Group: Students click on the table and select an entire group
  • The table can also be set to allow multi-select, so students can select more than one of any of the above.
  • Display detailed information about the element/group/period that has been selected.
  • Ask students select the correct element to match a description or name a compound.
  • Combined with other widgets, like the Expression Editor, ask students to balance a chemical equation.


Have a play


Basic setup instructions

  1. Copy the widget link by clicking on the Get Component button at the top of this page.
  2. In the Author Tool, add a Blank component from the Components tab and resize it to your liking.
  3. Paste the url that you’ve just copied into the Component’s source.
  4. With the component selected, click on Configure and select Options to set it up.
  5. Have a look at the CAPI table description at the bottom of the article for more information on what you can do.


Component Properties

Properties available for creating trap states or configuring your questions.

Property Purpose Type
Selection mode
Choose selecting behaviour
Multiple selection enabled
Whether multiple elements can be selected
Show details
Show detail information about selected element
Selected elements
Current selected elements
Fire Check Event On Selection Change
The sim will automatically fire a check event when the student selects or deselects an element, group or period
Selection Enabled
Whether element selection can be changed by the user
Show Atomic Weight
Whether the atomic weight is shown.
Show Period Numbers
Whether the period numbers are shown.
Show Group Numbers
Whether the group numbers are shown.


Advanced widget setup

Contact our team for help setting up the widget and trap states in your lessons.

Want to work with us to create your own component?
Request services

Similar Components