.. _Periodic Table:

#####################
Periodic Table Tool
#####################

.. tags:: educator, how-to

You can create an interactive periodic table of the elements to help your
students learn about various elements' properties. In the table below, detailed
information about each element appears as the student moves the mouse over the
element.

.. image:: /_images/educator_how_tos/Periodic_Table.png
  :alt: Image of the interactive periodic table

.. _Create the Periodic Table:

Create the Periodic Table Tool
###############################

To create a periodic table, you need the following files:

* Periodic-Table.js
* Periodic-Table.css
* Periodic-Table-Colors.css
* PeriodicTableHTML.txt

To download all of these files in a .zip archive, download:
:download:`PeriodicTableFiles.zip </_static/PeriodicTableFiles.zip>`.

To create the periodic table, you need a Text component.

#. Upload all of the files listed above *except PeriodicTable.txt* to the
   **Files & Uploads** page in your course.
#. In the unit where you want to create the problem, click **Text** under **Add
   New Component**, and then click **Text**.
#. In the component that appears, click **Edit**.
#. In the component editor, switch to the **HTML** tab.
#. Open the ``PeriodicTable.txt`` file in any text editor.
#. Copy all of the text in the ``PeriodicTable.txt`` file, and paste it into the
   Text component editor. (Note that the ``PeriodicTableHTML.txt`` file contains
   over 6000 lines of code. Paste all of this code into the component editor.)
#. Click **Save**.

.. seealso::
 

 :ref:`Working with Problem Components`


**Maintenance chart**

+--------------+-------------------------------+----------------+--------------------------------+
| Review Date  | Working Group Reviewer        |   Release      |Test situation                  |
+--------------+-------------------------------+----------------+--------------------------------+
|              |                               |                |                                |
+--------------+-------------------------------+----------------+--------------------------------+