Estimated tutorial time: 10 minutes
In order to create your very first app open designer and click 'create app' (learn how to do it here).
1.Add a widget
Widgets are main elements that we can use in Designer. For this app tutorial you will need a spreadsheet and a diagram.
To create spreadsheet section simply click on 'Add section' arrow, choose spreadsheet from the dropdown and add it to your project by clicking on its name or by dragging it into project area.
Click the arrow one more time and from the dropdown select 'Diagram'.
Put data in your spreadsheet, I recommend doing it the same way as shown for the purpose of the tutorial: In 'A' column time, in 'B' costs, in 'C' income and in the last one revenue. Change the spreadsheet name to 'data' (it will be needed later for the diagram axises categories and series)
Don't fill in the cells with any numbers. In spreadsheet options change blank cells type to 'currency'
Mark cells B2 to B5 and C2 to C5 as editable, leave D column as not editable.
Add a formula to 'D' column by simply filling all the cells in it with an equation as shown here:
Go to Diagram's options. Name X and Y axes as 'quarter' and 'value'.
Add 'A' column in X axis Categories as shown.
Add a new series to your diagram and name it 'revenue' because that's what the diagram will be showing.
Add the 'D' column in data formula and choose a type for your diagram.
Add your email or choose 'All' in creator selection.
Then click the 'preview' symbol to see if the app works.
(If you made any mistakes you will not be able to preview and designer will show them to you by marking the areas in pink.)
In preview fill in the spreadsheet manually with numbers. As you fill them values in 'D' column will change and you will also see them on the diagram. That's how your app will work.
Run your app
Make sure that your app works and then leave designer by clicking on the 'designer' button.
Now you can run it by clicking 'Run an application' button and choosing it from available apps.