====== Interactivity > Button Sequence ======

A page that includes a series of buttons which reveal text after each one is clicked on. The buttons are presented one by one, so that the second button, for example, is only presented after the first button is clicked on and text relating to that button revealed.  Similar page types;

  * **Simulating Question** -  just presents **one button**.
  * **Model Answer **- offers a text box into which the user types a response, before clicking on a button to reveal a model answer.

===== Example demo =====

{{url>https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#buttonsequence}}

or view at [[https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#buttonsequence| Xerte Page Types > Interactivity: Button Sequence]] (opens in new tab).

===== Editor Interface =====

{{:xerte-inter-buttonsequence-editor.jpg?600&direct}}

==== Top Level: Core Properties ====

^ Property ^ Description ^ Type ^ Additional information ^
| Page Title | Text that appears in header of published page | Text |   |
| Page Text | Content that appears in the left pane or at the top of the page (depending on Align Text - see below) | Text+(Toolbar) | Use this to give the context or instructions for the task.  Other content (e.g. images, audio, video) can be embedded here. |
| Introduction | Text that appears above the first button | Text+ (Toolbar) | This text appears immediately above the **Check **button. |
| Panel Width | Dimension of the right panel (which includes the Question, the Check button and the Feedback)  | Drop- down | Choose from {Small/Medium/**Large**/Full}.  Full puts all the content in one pane.  Experiment with this setting to take account of dimensions of content in each panel.  |
| Align Text | Swaps round the right and left panes {**Left**/Right}  | Drop- down  |   |

==== Top Level: Language Options ====

None

==== Top Level: Optional Properties ====

=== Page-specific ===

None

=== General ===

See [[:optional_properties|General Optional Properties]].

Click on **New Button** to add button and feedback.

{{ :new_button.jpg?400 }}


==== Button: Core Properties ====

^ Property ^ Description ^ Type ^ Additional information ^
| Button Label | The text that appears in the button. | Text | Default - "Show More"  |
| Feedback | The text that is revealed after clicking on the button. | Text+ (Toolbar) |   |

There are **no Optional Properties** or **Language Options** for Buttons.

{{tag>pagetype interactivity}}