Search CTAT

Reference Home

Modified July 08 2016

Flash Components, AS3

CTAT version 4.0

Parameters of all tutorable components

Show Hint Highlight
Whether or not the component becomes highlighted when a hint is displayed that corresponds to the component
Tutor Component
Options are Tutor, Tutor but no visual feedback, or Do not tutor. With Tutor, a component is both highlighted or its text turns red or green after the student interacts with it. When set to Tutor but no visual feedback, the interactions cause tutoring to occur within CTAT, but no visual feedback appears in Flash. The component lock, however, on a correct attempt, and hint requests concerning that component will appear. With Do not tutor, the component acts as if it were a standard Flash component: interacting with the component does not trigger example-tracing to occur within CTAT, nor does it show visual feedback or lock.
Disable on Correct
Controls whether or not the component will lock after a correct attempt. Note that this parameter will override the setting in the behavior graph Lock Widgets on Correct Action. Both default to true. If a behavior graph is set to suppress feedback, the component will never lock regardless of this parameter's setting.

Parameters of all components with visible text

Font Bold
Font Face
Font Italic
Font Size
Font Underlined
Text Align
Options are Left, Right, Center, and Justified
Text Color

Parameters of all text input components

Background Color
Disabled Background Color
Disabled Text Color

CommShell

commShell

Required for tutoring. CommShell communicates with "CTAT for Flash" (or the Tutoring Service) to provide tutoring.

CommShell Parameters:

Correct Color
Hint Color
Incorrect Color
Tutoring Service Port
The socket port on which to connect. 1502, the default value, is the port that CTAT uses.
Tutoring Service URL
The URL for the computer that provides the tutoring service. The default, localhost, should be used when connecting to an instance of CTAT running on the same machine as the Flash interface.
Enable Debugging
When true, trace messages useful for debugging will be shown in the Flash output console.
Optimize for HTML5
Problem Complete Message
Message to display after the student completes the problem but before the next problem loads.
Problem Loading Message
Message to display while the problem is loading.
SCORM Problem Done Message
Message to display after the student completes the problem in a SCORM-enabled tutor.
Reset last incorrect component on click
Clears the last component marked as incorrect on the next click.

CommAudioButton

CommAudioButton Parameters:

Sound File
Relative path or URL of the audio file to play when the button is clicked.
Label Text
The button label.

CommButton

CommButton Parameters:

Border Roundness
Specify the radius of the corner in pixels. Use '0' for square corners.
Label Text
The button label.

CommCheckBox

CommCheckBox Parameters:

Group Name
Give multiple CommCheckBoxes the same Group Name to have them operate as a group. A hint will highlight all check boxes in a group, and a correct answer in one check box in a group will result in the others becoming disabled.
Label Text
Text of the label that appears next to the checkbox
Label Placement
Position of label with respect to the checkbox. Options are Right, Left, Bottom, and Top

CommComboBox

CommComboBox Parameters:

Label Divider Character
The character that delimits labels specified in Labels. Default is ",".
Labels
Values to appear in the combobox. We recommend that the first value be something like "--" so that the user must select a value besides the first to provide a response.
Evalute First Item
Whether or not selecting the first item in combobox triggers evaluation to occur.
Number of Visible Rows
The number of rows of values shown when the combobox is expanded. If there are more values than the number specified in this property, a scroll bar is shown.
Width of Drop-down
The width, in pixels, of the drop-down area that appears when a user clicks the arrow to expand the combobox

CommControllerButton

An auxiliary component to be used with another complex component, such as a CommPieChart or CommFractionBar. It is important to note that this works best when 'Tutor Component'='Do Not Tutor' in the component that links to this one and a CommSubmitButton is also linked to the parent component.

CommControllerButton Parameters:

Normal Image
A symbol name or URL for an image to show in the image button's default state.
Hover Image
A symbol name or URL for an image to show in the image button's hover state.
Click Image
A symbol name or URL for an image to show in the image button's clicked state.
Disabled Image
A symbol name or URL for an image to show in the image button's disabled state.
Load image from
The location of the images to load for the preceding four parameters. URL and Relative URL assume the image is on a web server. Symbol assumes the image is movie clip symbol in the library of the current FLA file. When creating such a movie clip, select Export for ActionScript and leave the rest of the defaults in place.
Scaling
Whether to scale the image to the size of the button component (Image to Component) or the component to the size of the specified image (Component to Image)
Delta
The amount to change the controlled value in the component that links to this. For example if the Delta is 1 for CommPieChart->Controllers for Denominator, then every time the button is pressed the denominator would be increased by 1, if Delta is -1 then the denominator would be decreased by 1. This is how one would configure up and down buttons for the denominator.

CommDoneButton

A button widget for the student to signal that they are done with the problem.

You can create your own customized Done button using one of the generic button widgets (CommButton or CommImageButton). Either of these buttons will function as a Done button if the instance name of the button is defined as "done".

CommDoneButton Parameters:

Show Hint Highlight
Whether to show hint highlighting on the done button
Label Text
The text to superimpose on the done button

CommDragNDrop

A component for making other components draggable for bucket sorting tasks.

It is important to note that CommDragNDrop currently has no sense of order for its children. Another known limitation is that it currently works best with grade on demand using a CommSubmitButton and it does not yet properly support piece-wise grading (grading on each dropped item). An additional limitation is that it only works with CTAT components. This component now has some basic layout functionality and will arrange items in a left to right, top to bottom order.

CommDragNDrop Parameters:

Border Padding
A number. The distance in pixels between the edge of the component and the children.
Cell Padding
A number. The distance in pixels between items in this component.
Children
Semicolon-delimited list of component instance names that should start out in this dragNdrop
Max Number of Objects
Limit is the number of objects that can be dropped into this dragNDrop.
Group Name
A string that names a group. CommDragNDrop instances will only accept dropped items from other CommDragNDrop instances if they share the same Group Name. To make items draggable between two instances of CommDragNDrop, give both instances the same group name.
Background Transparency
A number [0 1]. The alpha value for the background. Useful if an author would like to put an image behind the dragNdrop so that the image look like the target.
Border Roundness
Draw Border

Interface Actions:

Add
Adds the named component instance as a child of this CommDragNDrop.
SetChildren
A list of instance names of the components that are children of this. The list is sorted based on the instance name.

CommFractionBar

This interactive component is designed to provide a graphical representation of fractions using a basic rectangular area model. It can be used to simply display fractions, but more complicated interactions are possible. Students can manipulate the component by clicking on the individual pieces to select/deselect them. If controller components like CommControllerButton are specified, then various parameters (denominator, numerator, partitions) can be manipulated.

The zero position is the left edge of the component.

CommFractionBar Parameters:

Controllers for Denominator
Semicolon-delimited list of controller component instance names for controlling the denominator of the fraction bar.
Controllers for Numerator
Semicolon-delimited list of controller component instance names for controlling the numerator of the fraction bar.
Controllers for Partitions
Semicolon-delimited list of controller component instance names for controlling the number of partitions of the fraction bar.
Color
Specifies the color to use as the selected color of the pieces and the base of the deselected color which is the same color but with an alpha value of 0.2.
Color Alpha
An alpha value (a decimal representing opacity) for the color of the selected partitions.
Deselected Color
Specifies the color to use as the deselected color of the pieces.
Deselected Color Alpha
An alpha value (a decimal representing opacity) for the color of the deselected partitions.
Show Fraction Label
If true, fractions are displayed in each of the fraction pieces indicating its value.
Spacing
Specifies the amount of space in pixels between each piece.
Value
A string whose default is "1/2+1/4+(0*1/8)" and needs to be a value specification as described in SetPieces.
Background Transparency
Border Roundness
Draw Border
Label Text
A label for the fraction bar.
Show Base

Interface Actions:

AddPiece
Takes a number (assumed to be a decimal [0,1]) and an optional Boolean and adds a piece of the given size to the component either selected or not depending on the Boolean.
set_denominator
Takes a number and sets the denominator of the component to it. This preserves value as described above in Controllers for Denominator.
set_number_pieces
Takes a number and sets the number of pieces of the component. This does not preserve value as described above in Controllers for Partitions.
SetPieces
This is the action part of SAIs emitted by these components. The parameter is a string representing a formula representation of the pieces represented in the component. The pieces are always listed starting from a set zero position (the left edge of the component) and are represented as a fraction: numerator_i/denominator_i. The deselected pieces are represented as (0*numerator_i/denominator_i). The pieces are separated with a +. For example, if the first piece was a fourth and the second piece was a half and the last piece was an eighth and deselected, the formula would be: 1/4+1/2+(0*1/8). The formula is designed such that the tutor can examine the string to determine if specific pieces are selected or it can be wrapped in an eval statement using formula matching, e.g., equals(eval(input,1/2)). If the fractions have a not easily represented in binary denominator or are irrational, it will likely be necessary to add fmtDecimal statements to deal with rounding errors, e.g., equals(fmtDecimal(eval(input),4), fmtDecimal(11/21,4)). Another useful formula for checking pieces assuming that the pieces are uniformly sized like they would be if any user changes were done through Controllers for Partitions is and(equals(eval(input),1/2),contains(input,"1/4")) which will check if the total value is 1/2 and that the pieces (assuming uniform size) are 1/4 which is equivalent to testing if any two 1/4 pieces are selected.

CommGroupingComponent

Refer to many components at once using the instance name of the CommGroupingComponent. The CommGroupingComponent can be configured to reference a list of CTAT components ("Component List") or a movie clip symbol ("Target MovieClip") that is a container for a set of components.

You can use the instance name of the CommGroupingComponent to set the visibility of its components or movie clip, for instance, by referring to the instance name in a SetVisible tutor-performed action. Note that the tutor-performed action, specified in the Edit Student Input Matching dialog, must be a "Tutor (unevaluated)" action. See a full list of tutor-performed actions you can take on CTAT components. More information on using movie clips to group components is available here.

CommGroupingComponent Parameters:

Target MovieClip
The instance name of a movie clip symbol that contains one or more Flash components or other movie clips.
Component List
Semicolon-delimited list of CTAT component instance names.
Grouping Type
Component List or MovieClip. If Component List is chosen, the grouping component refers to the CTAT components listed in the Compenent List parameter. If MovieClip is chose, the grouping component refers to the movie clip symbol named in Target MovieClip.

CommHintButton

A button widget for the student to request a hint for a problem step.

You can create your own customized Hint button using one of the generic button widgets (CommButton or CommImageButton). Either of these buttons will function as a hint button if the instance name of the button is defined as "hint".

CommHintButton Parameters:

Label Text
The text to superimpose on the hint button

CommHintWindow

CommHintWindow Parameters:

Next Label
The text to superimpose on the Next button
Previous Label
The text to superimpose on the Previous button
Process HTML in Hints
Whether or not to expect and render HTML tags in the hint text

CommImageButton

CommImageButton Parameters:

Normal Image
A symbol name or URL for an image to show in the image button's default state.
Hover Image
A symbol name or URL for an image to show in the image button's hover state.
Click Image
A symbol name or URL for an image to show in the image button's clicked state.
Disabled Image
A symbol name or URL for an image to show in the image button's disabled state.
Load image from
The location of the images to load for the preceding four parameters. URL and Relative URL assume the image is on a web server. Symbol assumes the image is movie clip symbol in the library of the current FLA file. When creating such a movie clip, select Export for ActionScript and leave the rest of the defaults in place.
Scaling
Whether to scale the image to the size of the button component (Image to Component) or the component to the size of the specified image (Component to Image)
Label Text
The text to superimpose on the image button

CommJumble

CommJumble enables students to arrange items (other CTAT components or Flash objects) in order. It currently assumes that the order is from left to right and will report to the tutor items in this order.

To add any Sprite-derived object to the jumble (which includes all CTAT components), add the following line of ActionScript code to the Flash file (Actions window) for each item to add:

<Jumble_Instance_Name>.addItem(<Item_Instance_Name>);

For tutoring purposes, it is probably best to set the Jumble as untutored and use it with a CommSubmitButton. The reason is that the Jumble submits the entire order when an item is moved and will therefore indicate that it is incorrect if the order is not completely correct. In other words, the Jumble does not handle partial ordering.

CommJumble Parameters:

Jumble Text Items
A semicolon-delimited list of strings (default=""). Used as a convenient method for adding a bunch of text item children to the Jumble. These children's instance names are generated and follow the format of "<Jumble_Instance_name><Number>". Note: if this is used in conjunction with addItem(), the text items are likely to be first, but this behavior is not guaranteed.
Jumble Alignment
One of "center", "top", or "bottom" (default="center"). It sets the vertical alignment of the children of the Jumble.
Jumble Orientation
One of "Horizontal" or "Vertical" (default="Horizontal"). It sets the orientation of the children of the Jumble.
Show Insertion Marker
If true, shows a marker indicating where the currently dragged item will be inserted.
Animation Speed (seconds)
Controls how fast the objects move when they are aligned due to a SetOrder TPA or due to user interaction. It is a measure of time in seconds that the animation should take. A value of 0 or less turns off animation. Values will greatly depend on the size of the jumble and the objects, but 0.1 seems to be a nice value for general use.
Border Padding
A number (default=3). Sets the distance in pixels between the children and the edge of the component.
Cell Padding
A number (default=10). Sets the distance in pixels between the children of the Jumble.
Background Color
A color (default=#F8F8F8). Sets the background color of the component.
Background Transparency
A number [0 1] (default=1). Sets the alpha value of the component's background.
Label Text
Label to display on the jumble

Interface Actions:

SetOrder
A semicolon-delimited list of child names. This arranges the children in left to right order as they are listed in the parameter.

CommNumberLine

A basic number line that assumes a linear function for determining values along it and that it is right handed (values increase going to the right). One important implication to this is that it is necessary that Minimum is less than Maximum or the tickmarks will not display properly, adding such a capability should be considered a feature request. This component also demonstrates using a MathML rendering library to draw fractions.

CommNumberLine Parameters:

Disable On Correct, Entry Limit
Sets the maximum number of correct points that a student can enter before the component locks itself. This must be an integer. This value is only considered when the Disable On Correct parameter is set to True.
Controllers for Denominator
Semicolon-delimited list of controller component instance names for controlling the denominator of the number line. For denominator controllers, a tickmark will be generated at every 1/n location where n is the value of the controller. CommNumericStepper or CommTextInput can be used as a denominator controller for number lines.
Minimum
Sets the minimum value on the axis (eg) the leftmost value. This can be a number or a fraction.
Maximum
Sets the maximum value on the axis (eg) the rightmost value. This can be a number or a fraction.
Tickmark Step (Large)
Sets the step size (the increment value between adjacent tickmarks) of the default larger tickmarks. It assumes a linear function and an offset from 0 of 0 (eg) tickmark_i = i*step. This can be a number or a fraction.
Tickmark Step (Small)
Sets the step size (the increment value between adjacent tickmarks) of the default smaller tickmarks. It assumes a linear function and an offset from 0 of 0 (eg) tickmark_j = j*step. Note: when two tickmarks are at the same value, the one with the largest length will take precedence, for example if both a small and large tickmark are at 1, then only the large one will be drawn. This can be a number or a fraction.
Show Large Tickmark Labels
If true, labels are displayed for each large tickmark indicating its value.
Show Small Tickmark Labels
If true, labels are displayed for each small tickmark indicating its value.
Snap to Tickmarks
If true, added points snap to the closest tickmark.
Orientation
Rotate the axis clockwise to any arbitrary angle where 0 is the default horizontal number line. The rotation is measured in degrees.

Interface Actions:

set_minimum
(This should probably be a parameter not an action, but having it as an action seems to make it easier to set dynamically from tutor). See Minimum.
set_maximum
(This should probably be a parameter not an action, but having it as an action seems to make it easier to set dynamically from tutor). See Maximum.
set_max_user_entries
(This should probably be a parameter not an action, but having it as an action seems to make it easier to set dynamically from tutor). See Disable On Correct, Entry Limit
set_large_step
(This should probably be a parameter not an action, but having it as an action seems to make it easier to set dynamically from tutor). See Tickmark Step (Large).
set_small_step
(This should probably be a parameter not an action, but having it as an action seems to make it easier to set dynamically from tutor). See Tickmark Step (Small).
set_precision
(This should probably be a parameter not an action, but having it as an action seems to make it easier to set dynamically from tutor). Default=4. Must be an integer. Sets the number of places to the right of the decimal to use. This is important as this component currently reports points in terms of decimals. This will also be used when decimal labels for tickmarks are an option.
AddPoint
Takes a number (this should probably be changed to accept fractions as well). Places a point on the axis at the given value.
Points
Takes a ; separated list of numbers. Places points on the axis at the given values.

CommNumericStepper

An auxillary component used with complex components that allow controllers, such as CommFractionBar and CommNumberLine.

CommNumericStepper Parameters:

Maximum
The maximum numeric value of the component.
Minimum
The minimum numeric value of the component.
Step Size
The amount that the value will be incremented on each button press.
Value
The initial value of the component.

Interface Actions:

Update
Sets the new value of the component.

CommPieChart

This interactive component is designed to provide a graphical representation of fractions using a basic circle area model. Students can manipulate the component by clicking on the individual pieces to select/deselect them. If controller components like CommControllerButton are specified, then students can manipulate other aspects of the component. A CommSubmitButton can be used with this component to provide grading on demand.

The zero position is at the 3 o'clock position.

CommPieChart Parameters:

Controllers for Denominator
Semicolon-delimited list of controller component instance names for controlling the denominator of the pie chart.
Controllers for Numerator
Semicolon-delimited list of controller component instance names for controlling the numerator of the pie chart.
Controllers for Partitions
Semicolon-delimited list of controller component instance names for controlling the number of partitions of the pie chart.
Border Padding
The distance between the edge of the pie and the bounding box of the component.
Color
Specifies the color to use as the selected color of the pieces and the base of the deselected color which is the same color but with an alpha value of 0.2.
Color Alpha
An alpha value (a decimal representing opacity) for the color of the selected partitions.
Deselected Color
Specifies the color to use as the deselected color of the pieces.
Deselected Color Alpha
An alpha value (a decimal representing opacity) for the color of the deselected partitions.
Drop Shadow Distance
The size of the drop shadow. 0 effectively turns off the drop shadow effect from the pie pieces.
Explode Distance
The distance from the center in pixels that the tip of each wedge will start. This has the effect of separating the pieces and there will be roughly this much space between the pieces.
Value
A string whose default is "1/2+1/4+(0*1/8)" and needs to be a value specification as described in SetPieces.
Background Transparency
Border Roundness
Draw Border
Label Text
A label for the pie chart.
Show Base
Whether the surrounding box is displayed.

Interface Actions:

AddPiece
Takes a number (assumed to be a decimal [0,1]) and an optional Boolean and adds a piece of the given size to the component either selected or not depending on the Boolean.
set_denominator
Takes a number and sets the denominator of the component to it. This preserves value as described above in Controllers for Denominator.
set_number_pieces
Takes a number and sets the number of pieces of the component. This does not preserve value as described above in Controllers for Partitions.
SetPieces
This is the action part of SAIs emitted by these components. The parameter is a string representing a formula representation of the pieces represented in the component. The pieces are always listed starting from a set zero position (the 3 o'clock position) and are represented as a fraction: numerator_i/denominator_i. The deselected pieces are represented as (0*numerator_i/denominator_i). The pieces are separated with a +. For example, if the first piece was a fourth and the second piece was a half and the last piece was an eighth and deselected, the formula would be: 1/4+1/2+(0*1/8). The formula is designed such that the tutor can examine the string to determine if specific pieces are selected or it can be wrapped in an eval statement using formula matching, e.g., equals(eval(input,1/2)). If the fractions have a not easily represented in binary denominator or are irrational, it will likely be necessary to add fmtDecimal statements to deal with rounding errors, e.g., equals(fmtDecimal(eval(input),4), fmtDecimal(11/21,4)). Another useful formula for checking pieces assuming that the pieces are uniformly sized like they would be if any user changes were done through Controllers for Partitions is and(equals(eval(input),1/2),contains(input,"1/4")) which will check if the total value is 1/2 and that the pieces (assuming uniform size) are 1/4 which is equivalent to testing if any two 1/4 pieces are selected.

CommPieChartTimer

The CommPieChartTimer is a non-tutorable component that can be used to show the student how much time has elapsed or how much time is remaining on the current problem.

CommPieChartTimer Parameters:

Total Time (seconds)
The number of seconds for one rotation of the timer. If the Count Down parameter is enabled, the timer stops after one rotation. If the Count Down parameter is not enabled, the timer continues indefinitely.
Click To Stop
Whether the student can click on the timer to stop it.
Count Down
Whether the timer counts down from the total time. If enabled, the timer stops when the total time has elapsed.
Format as Time
Whether the time value displayed in the label is formatted. If enabled, "s" is appended to indicate seconds.
Label Text
A label for the timer. By default the time value is displayed in the label. Any text specified for the label precedes the time value.

CommRadioButton

The CommRadioButton component allows the student to make a single choice from a set of choices. This component should be used in a group of at least two RadioButton instances; otherwise, once selected, the radio button can't be deselected. Only one member of the group can be selected at any given time.

CommRadioButton Parameters:

Group Name
Give multiple radio buttons the same Group Name to have them operate as a group. A hint will highlight all radio buttons in a group, and a correct answer in one radio button in a group will result in the others becoming disabled.
Label Text
Text of the label that appears next to the radio button
Label Placement
Position of label with respect to the radio button. Options are Right, Left, Bottom, and Top

CommScore

The CommScore component is a non-interactive component for displaying a score to the student.

CommScore Parameters:

Points per Correct
The number of points to assign for correct input when the score type is ONCORRECT.
Exclusion List
Semicolon-delimited list of component names to exclude from scoring.
Score Type
The type of scoring. Options are ONCORRECT and TPA. ONCORRECT updates the score only on the correct first attempt of steps in the problem. (See Points per Correct.) TPA sets or updates the score via a tutor-performed action link in the graph.
Label Text
A label for the score. By default the score value is displayed in the label. Any text specified for the label precedes the score value.

Interface Actions:

SetScore
Sets the score value to the Input value defined in the tutor-performed action.
UpdateScore
Updates the score value by the Input value defined in the tutor-performed action.

CommScrollPaneComponent

A scrollable panel that can contain a group of Flash tutor components saved as a movie clip.

CommScrollPaneComponent Parameters:

Target Movie Clip Name
Instance name of the movie clip.
Scroll to Component
If enabled, the component highlighted on a hint request scrolls into view.

CommSkillWindow

CommSkillWindow Parameters:

Skill Bar Border Color
The color of the border surrounding the skill bar
Skill Bar Color
The color of the skill bar before the student reaches mastery
Skill Bar Width
The width of each skill bar, in pixels
Skill Mastery Color
The color of the skill bar after the student reaches mastery
Threshold Vertical Bar
Whether or not to show a vertical bar at the rightmost end of the filled portion of the skill bar
Border Roundness
Specify the radius of the corner in pixels. Use '0' for square corners.

CommSubmitButton

An auxiliary component to be used with one or more other components, such as a CommPieChart or CommFractionBar. Components linked to the submit button should have 'Tutor Component'='Do Not Tutor' set. When the submit button is clicked, the state of the component linked to the button is submitted for grading.

This component does not emit any SAIs, and its grading depends solely on the grading of the target components. It will only show as correct if all of the target components are correct, and it will display as incorrect if any of the target components are marked as incorrect.

CommSubmitButton Parameters:

Target Component
Semicolon-delimited list of component instance names.
Label Text
The button label.

CommSubmitImageButton

An auxiliary component to be used with one or more other components, such as a CommPieChart or CommFractionBar. Components linked to the submit button should have 'Tutor Component'='Do Not Tutor' set. When the submit button is clicked, the state of the component linked to the button is submitted for grading.

This component does not emit any SAIs, and its grading depends solely on the grading of the target components. It will only show as correct if all of the target components are correct, and it will display as incorrect if any of the target components are marked as incorrect.

CommSubmitImageButton Parameters:

Normal Image
A symbol name or URL for an image to show in the image button's default state.
Hover Image
A symbol name or URL for an image to show in the image button's hover state.
Click Image
A symbol name or URL for an image to show in the image button's clicked state.
Disabled Image
A symbol name or URL for an image to show in the image button's disabled state.
Load image from
The location of the images to load for the preceding four parameters. URL and Relative URL assume the image is on a web server. Symbol assumes the image is movie clip symbol in the library of the current FLA file. When creating such a movie clip, select Export for ActionScript and leave the rest of the defaults in place.
Scaling
Whether to scale the image to the size of the button component (Image to Component) or the component to the size of the specified image (Component to Image)
Target Component
Semicolon-delimited list of components.
Label Text
The text to superimpose on the image button

CommTable (CTAT 3.4)

CommTable Parameters:

First Row is Header
Whether the first row in the table should be used as a table header.
TextField Type
TextArea or TextInput. See CommTextArea and CommTextInput.
Number of Columns
The number of columns in the table.
Number of Rows
The number of rows in the table.
Padding (pixels)
The amount of space around content (text) in the individual table cells.
Spacing (pixels)
The amount of space between the cells in the table.
Header Background Color
The background color of the header row cells when First Row is Header is enabled.
Header Height
The height of the header row when First Row is Header is enabled.

CommTextArea

CommTextArea Parameters:

Display HTML Text
Whether or not text in the text area should be treated as HTML code and rendered

Note: the CTAT text area component uses Flash's native textarea, which only supports a subset of the HTML tags. For more information as to what HTML formatting you can use, please check the official specifications.
Show Border
Whether or not to show the border of the text area
Tab on Enter
Whether or not pressing Tab should result in submitting the text for evaluation
Text
The text to display in the text area. Useful for setting static text content or for specifying a variable that can be replaced through mass production

CommTextInput

CommTextInput Parameters:

Show Border
Whether or not to show the border of the text input
Tab on Enter
Whether or not pressing Tab should result in submitting the text for evaluation
Text
The text to display in the text field. Useful for setting static text content or for specifying a variable that can be replaced through mass production

CommTimer

An interactive component that shows the elapsed time in minutes and seconds. The student can click on the timer to stop it.

CommTimer Parameters:

Border Roundness
Specify the radius of the corner in pixels. Use '0' for square corners.

CommVideo

CommVideo Parameters:

Auto Play
Whether or not the movie in CommVideo will starting playing as soon as the Flash movie loads
Captions URL
An optional URL of a Timed Text (TT) XML captions file to use for providing video captioning. For more information on Timed Text format, see http://www.w3.org/AudioVideo/TT/. The CommVideo component (and the Adobe Flash component beneath it) supports a subset of the Timed Text 1.0 specification. For detailed information on the supported subset, see Timed Text Tags.
Scaling
Specifies how the component or video should scale—Best Fit, Component to Video, or Video to Component.
Show Controls
Whether or not video controls should be shown
Video URL
The URL of an FLV video to load into the component
Border Roundness
Specify the radius of the corner in pixels. Use '0' for square corners.

CTATMathML

A non-interactive component for displaying mathematical content specified using MathML (Mathematical Markup Language). Its purpose is to display formatted MathML, which can specified as a parameter or from the tutor using interface actions. CTATMathML components can be used as items in a CommJumble or CommDragNDrop. The following is an example MathML string for the fraction 2/3:

<math><mfrac><mn>2</mn><mn>3</mn></mfrac></math>

MathML tags supported by this component include: mi, mn, mo, mtext, mspace, mrow, mfrac, mroot, msqrt, msub, msup, msubsup, munderover, munder, mover, and mfenced. For more information on MathML syntax, see http://www.w3.org/Math/.

CTATMathML Parameters:

Value
A valid MathML string. This is sent to the rendering engine to produce the image to display. It is important to note that this component does not validate the provided MathML in any way, so it is up to authors to make sure it is valid.
Background Transparency
A number [0 1] (default=1). Sets the alpha value of the component's background.
Border Roundness
Specify the radius of the corner in pixels. Use '0' for square corners.
Draw Border
Whether to display the component's border.

Interface Actions:

setMathML
A valid MathML string.