Components
Created by Smart Sparrow

Table

The Table widget allows instructors to display information to learners in an Excel-type table, with the ability to fully customize the information and how it’s presented.

 

Unique ways to use this widget

There are multiple ways you can use this widget. For example:

  • Pair this widget with other widgets to:
  • Require students to identify which cell contains the correct answer.
  • Ask what information is missing from the table.
  • Ask what information is incorrect in the table.
  • Ask students to analyze information presented in the table, draw conclusions, and answer a question on screen.
  • Ask students to fill in the table, using additional widgets such as Multiple Choice Input or Text Input.

 

 

Basic setup instructions

  1. This component can be found in the Author. Insert the widget from the Components tab and resize it to your liking.
  2. With the component selected, Click on Configure and select Options to set it up.
  3. You must change the Mode to Config mode to set up the widget.
  4. Once done, enter the information you’d like to display in your table. Note that you can right click on the table to insert/remove rows or columns, merge cells, and change the text alignment. Have a look at the CAPI table desciption at the bottom of the article for more information on what you can do.
  5. Once you’re done, open the Options menu and change the Mode to Student.
  6. Have a look at the CAPI table desciption at the bottom of the article for more information on what you can do.

 

Advanced widget setup

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

 

FAQs

Q: I’ve set up my widget, but when I preview it I can’t complete the activity the way students should. A: This is because you still have the widget set to “Config” mode. Use the edit icon on the Widget’s iFrame to change it to “Student” mode. Whenever you want to make changes to the widget, switch it back to “Config” mode.

 

Component Properties

Properties available for creating trap states or configuring your questions.

Property Purpose Type
Cell.{colHeader}.{rowHeader}.Value
Value for the cell
StringNumber
Cell.{colHeader}.{rowHeader}.Correct
The cell are correct
Boolean
Column.{name}
All the entries for a particular column
Array
Student editing enabled
Allows editing in student mode
Boolean
Date format
Format for Date cells
String
Currency format
Format for Currency cells
String
Number format
Format for Number cells
String
Scientific format
Scientific format for Number cells
String
Scientific magnitude
Magnitude threshold for displaying numbers in scientific format
Number
Show headers
Show reference headers
Boolean
Mode
Mode of the widget
Student
Configuration
Configuration
The configuration data for the widget.
String
Custom CSS
Css or the url of the CSS file to style the button
String
Table data.value
Data for the table
String
Correct
All student's answers are correct
Boolean
Show correct
Show the correct answers to the student
Boolean
Show hints
Show the hints for the answers to the student
Boolean
Property Purpose Type
Cell.{colHeader}.{rowHeader}
Value for the cell
String
Column.{name}
All the entries for a particular column
Array
Student editing enabled
Allows editing in student mode
Boolean
Date format
Format for Date cells
String
Currency format
Format for Currency cells
String
Number format
Format for Number cells
String
Scientific format
Scientific format for Number cells
String
Scientific magnitude
Magnitude threshold for displaying numbers in scientific format
Number
Show headers
Show reference headers
Boolean
Mode
Mode of the widget
Student
Config
Config JSON
The configuration data for the widget.
String
CSS Source
Css or the url of the CSS file to style the button
String
Table data.value
Data for the table
String
Property Purpose Type
Cell.{colHeader}.{rowHeader}
Value for the cell
String
Column.{name}
All the entries for a particular column
Array
Student editing enabled
Allows editing in student mode
Boolean
Date format
Format for Date cells
String
Currency format
Format for Currency cells
String
Number format
Format for Number cells
String
Scientific format
Scientific format for Number cells
String
Scientific magnitude
Magnitude threshold for displaying numbers in scientific format
Number
Show headers
Show reference headers
Boolean
Mode
Mode of the widget
Student
Config
Config JSON
The configuration data for the widget.
String
CSS Source
Css or the url of the CSS file to style the button
String
Table data
Data for the table
String
Property Purpose Type
Cell.{colHeader}.{rowHeader}
Value for the cell
String
Column.{name}
All the entries for a particular column
Array
Student editing enabled
Allows editing in student mode
Boolean
Date format
Format for Date cells
String
Currency format
Format for Currency cells
String
Number format
Format for Number cells
String
Scientific format
Scientific format for Number cells
String
Scientific magnitude
Magnitude threshold for displaying numbers in scientific format
Number
Show headers
Show reference headers
Boolean
Mode
Mode of the widget
Student
Config
Config JSON
The configuration data for the widget.
String
CSS Source
Css or the url of the CSS file to style the button
String
Table data
Data for the table
String
Property Purpose Type
Cell.{colHeader}.{rowHeader}
Value for the cell
String
Student editing enabled
Allows editing in student mode
Boolean
Date format
Format for Date cells
String
Currency format
Format for Currency cells
String
Number format
Format for Number cells
String
Scientific format
Scientific format for Number cells
String
Scientific magnitude
Magnitude threshold for displaying numbers in scientific format
Number
Show headers
Show reference headers
Boolean
Mode
Mode of the widget
Student
Config
Config JSON
The configuration data for the widget.
String
CSS Source
Css or the url of the CSS file to style the button
String
Table data
Data for the table
String

 

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