Module: Editor

Version: 4.2.1 +

User: Developer

Level: Beginner


In this tutorial we'll show you how to add interactivity to your website. We'll show how you to create input fields on your website, and how you enable the application to respond to the values entered into them.



- The Futurama Editor must be installed.

- Futurama Runtime must be installed.

- Completing the tutorial Styling your website with CSS first, is recommended.



In the previous tutorial we've created the structure for the Safe2Save-website we want to make.

We will now extend the structure with the first basic functionality of the website. We will enable users to enter their cash balance and expected interest rate to the website. After submitting, they will see what their savings amount will be in 25 years.

In the next tutorial, we will return to the calculation-file again. We will make the savings-formula slightly more difficult, by adding a service fee to the calculation. In this way we can show you how you can work with tables in Futurama.
Working with tables isn't linked to any type of application. Therefor this is a general tutorial, that's also included in the other series of tutorials.


1) Intro 0 - 1.03
2) Adding a Textbox 1.03 - 8.32
3) Adding a DropDownList 8.32 - 16.57
image  (rightclick, save as...)

Related Topics

Textbox: Futurama Manual Page about the Textbox. The TextBox is used as an input-field.

DropDownList: Futurama Manual Page about the DropDownList. The DropDownList is a list of items of which a user can choose.


  1. Summation (Easy)
  2. The Guessing Game II (Medium)

Updated: 2013-01-07