Category: Tips & Tricks

How to use the Budgets (iOS)

IMG_0087

Budget list

 

When you tap the Budgets section, you’ll see all the budgets that you have in the current time period.

Each budget has its own progress bar and shows how much of the budget is used and left this month. That way, you can quickly monitor the current state of all your budgets at once.

If you use monthly budgets, you’ll notice that budgets are displayed in two ways:

 

Monthly budgets for all expenses and monthly budgets for categories

The top budget is your general monthly budget for all expenses. The category budgets below each represent a percentage of the total monthly budget.

If you added up all the category budgets, they add up to the monthly budget for all expenses. That’s why the little progress bars beneath each category budget are of different lengths. Together, they would be the full length of the progress bar for the monthly budget for all expenses.
IMG_0086

The categories for which you have not yet made a budget are covered in the “Remaining budgets” section. That way you get a picture of how your monthly budget for all expenses is distributed among all the categories.

 

All other budgets

All the budgets which are not monthly for all expenses, or monthly for a category, are displayed as individual budgets. They cannot be displayed in the upper part of the list as they don’t necessarily match up in time or scope with the other budgets. Such budgets can be interesting in their own right, but not immediately comparable to monthly budgets for all expenses or categories.

 

Filtering

 

Budgets displayed in the list are filtered just like any other content on Toshl.
Only budgets that have a budget period in the currently chosen time span will be displayed.
If you used the filtering option on the top right, only the budgets that fit those criteria will be displayed. For example, if you filtered to display only one category, only the budgets that track that category will be displayed. Same goes for tags and other filtering options, except accounts.

 

Don’t forget about the “Planned” ON/OFF setting in the time span settings in the right sidebar.

If it’s set to ON, the budgets will already include your planned expenses which aren’t yet due this month. If planned is set to OFF, only expenses that happened until today will be displayed.
IMG_0059b

 

Budget details

 

Let’s take a look into the details of an individual budget. We’ll take a look at a monthly budget for all expenses and see what all the graphs and data mean.
IMG_0075

Title & budget amount

The title is pretty self evident, but it’s worth mentioning that they are generated automatically, based on the type of budget you created. If you want you can change it by clicking Edit in the top right corner of the screen.

The amount shown on top is the total amount for the budget for the given time period. You can use your main currency for the budget (recommended) or a foreign one, if it’s your travel budget while you’re abroad, for example.

 

Budget statistics for the current period

Used & planned: the amount of money that was already spent from this budget in the displayed time period. If it mentions “planned” it also includes the expenses that you have already added in the future of this time period, but weren’t due yet. For example, bills that haven’t arrived yet this month. If you want to see just the expenses until today, click the time span setting at the top of the screen and set the “Show planned expenses in graphs” setting to OFF.

Left: The amount of money remaining in this budget, that you have not spent yet.

Left per day: The amount of money remaining, divided by the number of days remaining in the budget period.
IMG_0075c

 

Budget overview graph

This graph takes a little bit of getting used to all the elements of it, but once you get the hang of it, you get a great feel for the real state of your budget in a single glance.

 

Progress bar and the blue/red lollipop

The blue-coloured background tells you how much of your budget still remains. In the beginning of the period it’s all blue, but as you add more expenses things heat up and it starts shrinking towards the right side. Kind of like a glacier. The blue lollipop shows the end of the progress bar and displays how much money is left in the budget.
If you surpass the budget amount you have set for yourself, the progress bar will start appearing from the left in red colour, with the red lollipop up front, displaying how much did you go over your budgeted amount.

 

The today lollipop

In the budget graph for the current period you’ll also see an upside-down lollipop in dark grey with “today” written on it. This lollipop shows current time compared to the whole budget period. The entire length of the graph is the entire amount of time in the budget period and the lollipop displays where you are now.

 

The red columns

These columns are daily sums of expenses. They show how much you spent on a given day in the budget period, telling you when you spent the most and helping you to find the main culprit of overspending. Click and hold the cursor over the graph to see the daily details. The taller and darker the column, the more was spent.
IMG_0076

 

Compare the “money left” and “today” lollipops

Comparing the lollipops quickly tells you how you’re doing with your current budget. The blue lollipop tells you how much money you have left in the budget, the grey one tells you how much time you have left.

If they’re aligned or almost aligned, you’re right on track so far. You’re on the way to spend the almost exact amount of money you budgeted in this period.
IMG_0077

If the today lollipop (grey) is way ahead of the money left lollipop (blue), then you’re doing great with your budget. You’ve spent less than you thought you will in this amount of time. If this happens a lot, perhaps it’s time to lower the budget amount.
IMG_0075

If the money left lollipop (blue) is way ahead of the today lollipop (grey), then you’re not doing so well with your budget. You’re spending more than was expected. Time to reduce your spending, or if that’s not possible, make the budget amount larger next time.
IMG_0078

If the lollipop has already turned to red, you have already spent more than the money you had put in the budget amount. The lollipop simply tells you by how much.
IMG_0079

 

Budget type

IMG_0080

 

Time period, Accounts Tracked, Budget Type

The 3 basic settings of the budget.
Time period: shows what kind of period of time does it track and how quickly it transitions to the next period, e.g. daily, weekly, monthly, yearly or one time. You can set a budget to a custom time period: e.g. every 2 weeks, every 3 months etc.

 

Accounts tracked: Whether the budget is set to track the expenses noted on all financial accounts or only some.
Budget type: Whether it tracks all expenses, those in specific categories, those using specific tags or excluding expenses some categories or tags.

 

Included expenses: Shows all the expenses that are counted in this budget. Which expenses are included of course depends on how you set the budget in the properties above.

 

The budget history graph
IMG_0081

This graph shows the previous budget periods and the total amount of money that was spent in the period. By tapping and holding over the budget history graph you can also see more details for the period, including the amount of the budget, amount spent and how much was saved or lacking in the period.
IMG_0082

 

The budget history list
IMG_0083

Here you can see each one of your past budget periods. You can easily tell how much you exceeded or saved on a budget in a given period on the list. Tapping on one of the periods will take you to the budget details in that past period of the budget.

 

Toshl Pro budget limitations

People using the free Toshl are limited to adding 2 budgets, with Toshl Pro you can add as many as you like. If your Toshl Pro subscription expires, the extra budgets will be deactivated. The data will not be deleted, if you extend your Toshl Pro subscription you can continue using them normally.

pro_badge_beigeToshl Pro is available as one of these plans:

$1.99 / month
$19.99 / year
$59.99 / 3 years + free T-shirt

Learn more about Toshl Pro

 

Want to start budgeting, but don’t know where to start? Read our tutorial “How to Set Up Your Budgets and Control Your Spending” and you’ll be set up in a heartbeat. Maybe two heartbeats. It will be a few more heartbeats really. It’s just a figure of speech, get of my back, will you!? ;)
Toshl_2.0_monster_0059_60_c

Posted in iOS Tutorials, Tips & Tricks, Tutorials

How to Use The Budgets (Web App)

Let’s take a look into the details of an individual budget. We’ll take a look at a monthly budget for all expenses and see what all the graphs and data mean.

blog_tut_3_1

 

Budget type & basic stats

blog_tut_3_2

Title & budget amount
The title is pretty self evident, but it’s worth mentioning that they are generated automatically, based on the type of budget you created. If you want, you can change it by clicking Edit on the right of budget details, Show more and then changing the title near the bottom of the form.
The amount shown on top is the total amount for the budget for the given time period. You can use your main currency for the budget (recommended) or a foreign one, if it’s your travel budget while you’re abroad, for example.
Time period, Accounts Tracked, Budget Type
The 3 basic settings of the budget.
Time period: shows what kind of period of time does it track and how quickly it transitions to the next period, e.g. daily, weekly, monthly, yearly or one time. You can set a budget to a custom time period: e.g. every 2 weeks, every 3 months etc.
Accounts tracked: Whether the budget is set to track the expenses noted on all financial accounts or only some.
Budget type: Whether it tracks all expenses, those in specific categories, those using specific tags or excluding expenses some categories or tags.
Budget statistics for the current period
Used & planned: the amount of money that was already spent from this budget in the displayed time period. If it mentions “planned” it also includes the expenses that you have already added in the future of this time period, but weren’t due yet. For example, bills that haven’t arrived yet this month. If you want to see just the expenses until today, click the time span setting at the top of the screen and set the “Show planned expenses in graphs” setting to OFF.
Left: The amount of money remaining in this budget, that you have not spent yet.
Left per day: The amount of money remaining, divided by the number of days remaining in the budget period.

Budget overview graph

blog_tut_3_3b
All the elements of this graph take a little bit of getting used to, but once you get the hang of it, you get a great feel for the real state of your budget in a single glance.
Progress bar and the blue/red lollipop
The blue-coloured background tells you how much of your budget still remains. In the beginning of the period it’s all blue, but as you add more expenses things heat up and it starts shrinking towards the right side. Kind of like a glacier. The blue lollipop shows the end of the progress bar and displays how much money is left in the budget.
If you surpass the budget amount you have set for yourself, the progress bar will start appearing from the left in red colour, with the red lollipop up front, displaying how much you surpassed your budgeted amount.
The today lollipop
In the budget graph for the current period, you’ll also see an upside-down lollipop in dark grey with “today” written on it. This lollipop shows current time compared to the whole budget period. The entire length of the graph is the entire amount of time in the budget period and the lollipop displays where you are now.
The red columns
These columns are daily sums of expenses. They show how much you spent on a given day in the budget period, telling you when you spent the most and helping you to find the main culprit of overspending. Click and hold the cursor over the graph to see the daily details. The taller and darker the column, the more was spent.
blog_tut_3_4b
Compare the “money left” and “today” lollipops
Comparing the lollipops quickly tells you how you’re doing with your current budget. The blue lollipop tells you how much money you have left in the budget, the grey one tells you how much time you have left.
If they’re aligned or almost aligned, you’re right on track so far. You’re on the way to spend the almost exact amount of money you budgeted in this period.
blog_tut_3_5b
If the today lollipop (grey) is way ahead of the money left lollipop (blue), then you’re doing great with your budget. You’ve spent less than you thought you will in this amount of time. If this happens a lot, perhaps it’s time to lower the budget amount and save more.
blog_tut_3_6b
If the money left lollipop (blue) is way ahead of the today lollipop (grey), then you’re not doing so well with your budget. You’re spending more than was expected. Time to reduce your spending, or if that’s not possible, make the budget amount larger next time.
blog_tut_3_7b
If the lollipop has already turned to red, you have already spent more than the money you had put in the budget amount. The lollipop simply tells you by how much.
blog_tut_3_8b
 The budget history graph
blog_tut_3_9b
This graph shows the previous budget periods and the total amount of money that was spent in the period. By clicking and holding over the budget history graph you can also see more details for the period, including the amount of the budget, amount spent and how much was saved or lacking in the period.
blog_tut_3_10b
Click on the period title below the graph and you will be taken to the complete budget details for that period. If your budget is a monthly one, you can also move there using the time span arrows on the top of the page.

The budget list

blog_tut_3_11b
 All the budgets that you have in the current time period are present on the list of budgets on the right of the screen. The one that is currently displayed in the budget details graphs is marked with dark grey.
There is also a quick preview of the progress bar, that includes the same data as the graph in the budget details. That way you can quickly monitor the current state of all your budgets at once.
If you use monthly budgets, you’ll notice that budgets are displayed in two ways:
– Monthly budgets for all and monthly budgets for categories
The top budget is your general monthly budget for all expenses. The white-coloured category budgets below each represent a percentage of the total monthly budget. They are effectively sub-budgets as the categories all sum up. That’s why the little progress bars beneath each category budget are of different lengths. The categories for which you have not yet made a budget for are covered in the “Remaining budgets” section. That way you get a rough picture of how your monthly budget for all expenses is distributed among the categories.
blog_tut_3_11c
– All other budgets
All the budgets which are not monthly for all, or monthly for a category, are displayed as individual budgets. They cannot be displayed as sub-budgets as they don’t match up in time or can’t sum up to 100%, like budgets for tags for example.
blog_tut_3_11d
Included expenses
When any of the budgets is selected, an extra row titled “Included expenses” will appear in the list. Clicking there will display all the individual expenses that are included in that budget. You can display and edit them, just like any expense list.
blog_tut_3_11e

Filtering

Budgets displayed in the list are filtered just like any other content on Toshl.
Only budgets that have a budget period in the currently chosen time span will be displayed.
If you used the filtering option on the top right, only the budgets that fit those criteria will be displayed. For example, if you filtered to display only one financial account, only the budgets that track that account will be displayed. Same goes for categories, tags and other filtering options.

Toshl Pro budget limitations

While using the free Toshl you are limited to adding 2 budgets. With Toshl Pro you can add as many as you like. If your Toshl Pro subscription expires, the extra budgets will be deactivated. The data will not be deleted, if you extend your Toshl Pro subscription you can continue using them normally.pro_badge_beige
Toshl Pro is available as one of these plans:
$1.99 / month
$19.99 / year
$59.99 / 3 years + free T-shirt
Want to start budgeting, but don’t know where to start? Read our tutorial “How to Set Up Your Budgets and Control Your Spending” and you’ll be set up in a heartbeat. Maybe two heartbeats. It will be a few more heartbeats really. It’s just a figure of speech, get of my back, will you!? ;)
Toshl_2.0_monster_0029_30
Posted in Budgeting, Personal finance, Tips & Tricks, Tutorials, Web App Tutorials

Expense and Income Lists (iOS)

Listing your expenses and incomes. Here’s how it works.

Expense in the list
IMG_0006
The category, the tag(s), optional info like repeats and reminders followed by amount and currency.
Tap on it and you get to expense details where you can view, edit or delete the expense.

Pretty straightforward.

If you’re wondering about the icons on the expenses and incomes here’s what they are:
IMG_0006_repeatRepeating expense. It will repeat automatically based on a setting of your choice. Open expense details or edit to find out more about the specific type of repeat.
IMG_0006_remind – You can set to be reminded when your expenses come up, or some time before. Once the expense is due, the bell icon will be replaced by a red dot, warning you that the expense is still unpaid.
IMG_0007 – Speaking of the devil… The red dot, warns you that the expense is still unpaid. Go into expense details, tap “mark as paid” and it shall go away.

 

Swipe for quick actions

Swipe an expense or income on the list from right to left. You can use these buttons to quickly delete or edit an expense. If the expense has a reminder, you can also mark it as paid or unpaid, straight from the list.
IMG_0008

 

Planned expenses

If you have any expenses entered on future dates this month, a special row will be shown on top of the list called “planned expenses”. You can open it to reveal which expenses are coming up this month. To add an expense into planned expenses, enter it is you would any expense, just set the date in the future of that month.

You can also choose to include these planned expenses into graphs or not.

 

Sorting by date, by category and search

Open the expense list. Collect your thoughts, gather courage, pull the expenses down with your finger. A previously hidden top of the list will reveal itself in all its glory. Indiana Jones would be proud.
IMG_0009

 

You will find the option to search your expenses. Tap inside the field and search for pretty much any expense attribute.
IMG_0010

A bit higher still are the tabs to choose sorting by date or by category.
By default, the expenses are listed by date. When listed by date, the expenses are listed chronologically, with the latest ones on top.

When listed by category, a list of all categories is shown. Categories with the highest sum of expenses are shown on top. This way, you’ll be able to locate your largest money sinkholes quickly.
IMG_0011

 

Filtering data

As everywhere in the app, you can filter your data. Use the time span options to filter by time, or filter by accounts. You can find both types of filtering in the right sidebar. Tap on the time and account preview on the top right, or swipe from anywhere on the rightmost edge of the screen to activate it.
IMG_0012

The web app offers a few more options for filtering. Use the web app to also filter by category, tag or location. More on this here.

Posted in iOS Tutorials, Tips & Tricks, Tutorials

Expense and Income Graphs (iOS)

A sense of proportion is a terrible thing to lack. Some call it the 7th sense. Somewhat ironically, these people who call it the 7th sense are precisely the ones who don’t have it. Toshl’s duty is to bring some sense of proportion to our finances, for our memories are feeble and don’t do numbers justice.

 

Category donut

Expense and income graphs are here to help your memory. The upper part, that’s shaped like a Tokamak reactor from above (or a donut), represents the categories. Each part of the circle is a category and its size represents its portion of all the expenses. Just like any pie chart. The number in the middle of the circle is the sum of all the expenses.
IMG_0013

You can tap the categories to select them. More than one category can be selected at once. As you select them, the details below the chart change to reflect the full name of the categories and their details. You can see the total amount of a category, its percentage of the total amount and how many expenses contributed to that sum. Select multiple categories and it will add them all up.

Hint: if you tap the centre of the circle, all of the categories will be selected. If you tap again, none will be selected.
IMG_0014

 

Tag bubbles

A bit lower is the tags graph, where the size of the bubble gives a sense of proportion. This graph responds to the categories graph above. If all the categories are selected, all the tags will be displayed. Tags will then display the sums for the entire tag, no matter which category they were used with.

 

If you select one of the categories, only the tags used on expenses together with that category will be displayed. The sum of the tag will also be filtered and display only the sum of the tag when used together with that category.
IMG_0015

Another important thing to remember is that you can use more than one tag on an expense. That means that the same expense could be counted in more than one tag bubble if you used more than one tag on an expense.

Just like with categories, tags can be selected and summed up. There is also a per day average and you can click & drag them around to relieve the stress of financial issues.
IMG_0016

Posted in iOS Tutorials, Tips & Tricks, Tutorials

Expense and Income Graphs (Web App)

A sense of proportion is a terrible thing to lack. Some call it the 7th sense. Somewhat ironically, these people who call it the 7th sense are precisely the ones who don’t have it. Toshl’s duty is to bring some sense of proportion to our finances, for our memories are feeble and don’t do numbers justice.

 

The expense and income graphs

 

Category donut

Expense and income graphs are here to help your memory. The upper part, that’s shaped like a Tokamak reactor from above (or a donut), represents the categories. Each part of the circle is a category and its size represents its portion of all the expenses. Just like any pie chart. The number in the middle of the circle is the sum of all the expenses.

1

You can click on the categories to select them. More than one category can be selected at once. As you select them, the details below the chart change to reflect the full name of the categories and their details. You can see the total amount of a category its percentage of the total amount and how many expenses contributed to that sum. Select multiple categories and it will add them all up.

2

Tag bubbles
A bit lower is the tags graph, where the size of the bubble gives a sense of proportion. This graph responds to the categories graph above. If all the categories are selected, all the tags will be displayed. Tags will display the sums for the entire tag, no matter which category they were used with.

If you select one of the categories, only the tags used on expenses together with that category will be displayed. The sum of the tag will also be filtered and display only the sum of the tag when used together with that category.

3

Another important thing to remember is that you can use more than one tag on an expense. That means that the same expense could be counted in more than one tag bubble if you used more than one tag on an expense.

Just like with categories, tags can be selected and summed up. There is also a per day average and you can click & drag them around to relieve the stress of financial issues.

 

List of expenses and incomes
The list on the right can be displayed in 2 ways:
– by date
– by category

4

When listed by date, the expenses are listed chronologically, with the latest ones on top.
When listed by category, a list of all categories is shown. Categories with the highest sum of expenses are shown on top. This way, you’ll be able to locate your largest money sinkholes quickly. If you click on a category, the nested tags and expenses will open up. Tags that are not assigned to any category will be listed below categories on the list.

 

Filtering data
As everywhere in the Web App, you can filter the data. All the graphs, sums and lists respond to the filters you selected. To filter, click the filtering bar on the top right, the one with an icon that looks like a funnel and text listing your selected accounts. A sidebar with filtering options will appear.

You can filter your data by:
financial accounts
categories
tags
locations

 

Each account can be turned on or off manually. With categories, tags and locations you have the option to include all, only some or exclude some.
Once the options are selected, this filtering applies pretty much everywhere, in all the graphs in the web app until you turn it off.

 

Coupled with the time span settings, it enables you to really drill down into specific expenses.
I could go so far as to filter only the expenses that came out of my bank account on the 25th of June, 1991 with the category “Home & Utilities”, using the tag “flags” and bought at Maximarket. I’m so specific that even if I dedicated my entire life to the army, I could never become a general.

Posted in Tips & Tricks, Tutorials, Web App Tutorials