No MoreApp account yet? Sign up here.
1. Adjust the form
Once you have logged into the MoreApp Platform, you can select your time tracking form and click on Edit Form.
For the Time Difference field to work successfully, you will need to insert two Time fields into the form. Name each of the Time field with "Start" and "Finish". You can also use whatever name suits your situation.
Note: Are your hours spread over two days? Then calculate the hours worked with Date Time fields.
2. Configure the field
After having the Time fields configured, double-click on the Time Difference field to add it to your form. Edit the Time Difference field by clicking on it. Here you can click on Start time and End time to select the Time fields you inserted at the beginning.
2.1. Add Break time
If you want to add a break between the hours, you can add another field to the form, such as the Number, Slider or Radio. In this example, we will add a Radio field.
Edit the field and add the different break times to the Options. In the Value field, you will place a number in a way that MoreApp can calculate.
For example, 0 minutes of break equals 0 in the Value field and 60 minutes of break equals 1 in the Value field. To calculate the correct numbers, for anything between 0 and 60, divide the number of minutes of the break by 60. Example: 15 : 60 = 0,25.
After that, you will need to add a Calculation field to obtain the final hours worked. Fill in as Label ‘Total worked hours’. In this case, the Operator is the minus sign, and the Calculation Terms are the Hours worked and the Break time (minutes).
3. How it looks in the App
Date fields:
Date Time fields:
4. Congratulations!
You have successfully installed the Time-Difference field, and you're ready to use it in your forms!
Want to stay up to date with our latest tutorials? Go to YouTube and hit the Subscribe button!