{"id":1099,"date":"2016-01-05T14:03:34","date_gmt":"2016-01-05T13:03:34","guid":{"rendered":"https:\/\/toshl.com\/blog\/?p=1099"},"modified":"2016-01-05T14:03:52","modified_gmt":"2016-01-05T13:03:52","slug":"my-financial-month-time-spans-web-app","status":"publish","type":"post","link":"https:\/\/toshl.com\/blog\/my-financial-month-time-spans-web-app\/","title":{"rendered":"My Financial Month &#038; Time Spans (Web App)"},"content":{"rendered":"<div>You can change the time span displayed in the web app at the top-center of the page. You\u2019ll notice the clock icon, your currently displayed time span and an arrow on each side. The arrows take you one month forward or backward.<\/div>\n<div><\/div>\n<div><a href=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1136 size-full\" src=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_1.png?resize=540%2C44&#038;ssl=1\" alt=\"Bog_tut_7_1\" width=\"540\" height=\"44\" srcset=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_1.png?w=540&amp;ssl=1 540w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_1.png?resize=300%2C24&amp;ssl=1 300w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_1.png?resize=500%2C41&amp;ssl=1 500w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/a><\/div>\n<div><\/div>\n<div>If you click on the central button, where the icon and time span are written, an overlay with more options will open.<\/div>\n<div><\/div>\n<div><a href=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"image-border alignnone wp-image-1138 size-full\" src=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_2.png?resize=540%2C456&#038;ssl=1\" alt=\"Bog_tut_7_2\" width=\"540\" height=\"456\" srcset=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_2.png?w=540&amp;ssl=1 540w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_2.png?resize=300%2C253&amp;ssl=1 300w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_2.png?resize=355%2C300&amp;ssl=1 355w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/a><\/div>\n<div><\/div>\n<div><b>My financial month<\/b><\/div>\n<div>The default time span is \u201cMy financial month\u201d. If you haven\u2019t been playing around with the Settings, your financial month will be the same as the calendar month. If you prefer to sync up your financial month with when you get your salary, you can set that in the web app Settings.<\/div>\n<div><\/div>\n<div><a href=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_3.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"image-border alignnone wp-image-1139\" src=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_3.png?resize=540%2C309&#038;ssl=1\" alt=\"Bog_tut_7_3\" width=\"540\" height=\"309\" srcset=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_3.png?w=1920&amp;ssl=1 1920w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_3.png?resize=300%2C172&amp;ssl=1 300w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_3.png?resize=1024%2C586&amp;ssl=1 1024w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_3.png?resize=500%2C286&amp;ssl=1 500w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_3.png?resize=900%2C515&amp;ssl=1 900w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/a><\/div>\n<div><\/div>\n<div>Keep in mind though, that this will also change when your monthly budgets start and end, all the monthly graphs etc. We think that it\u2019s still easier for most to leave the start of the financial month on the 1st, even if you get your main income on a different date. But if you\u2019re really set on matching the dates, go right ahead.<\/div>\n<div><\/div>\n<div>The option to change the start of the financial month is only available in the web app, but not in the mobile ones.<\/div>\n<div><\/div>\n<div><strong>Quick hint<\/strong>: If you change your financial month to somewhere in the middle of the month, the month will be named after the month that includes the most days. For example, if I made my financial month start on the 15th, my financial month of May will last from May 15th to June 14th.<\/div>\n<div><\/div>\n<div><b>Custom time spans<\/b><\/div>\n<div>In Toshl you can display any time span you want. If you click on the Custom time span tab, you\u2019ll see the option to set the start and end date manually, or use one of the preset time spans for quicker access.<\/div>\n<div><\/div>\n<div><a href=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_4.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"image-border alignnone wp-image-1140 size-full\" src=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_4.png?resize=540%2C583&#038;ssl=1\" alt=\"Bog_tut_7_4\" width=\"540\" height=\"583\" srcset=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_4.png?w=540&amp;ssl=1 540w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_4.png?resize=278%2C300&amp;ssl=1 278w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/a><\/div>\n<div><\/div>\n<div>The preset options are based on calendar months. The presets for last 2, 3, 6 or 12 months will suggest those periods respectively, including the months that can be displayed from start to finish. You can also choose to display one of the recent calendar years, or even \u201cAll time\u201d. All time includes the time span from 1. 1. 1970 until today\u2019s date. All the future cannot be included automatically in all time. If you have endlessly repeating expenses for example, that would mean displaying an infinite number of expenses, a possibility at which even the most adventurous Toshl monsters baulk at.<\/div>\n<div><\/div>\n<div><strong>Quick hint<\/strong>: When choosing a custom start or end date, you can <strong>travel in time quicker<\/strong>, by clicking the name of the month in between the arrows. All the months of the year will display for your selection. If you click there again, the years will display. This enables you to select dates further back and saves you many many clicks. The same approach works with all the web app date pickers, so it\u2019s also useful when adding an expense for example.<\/div>\n<div><\/div>\n<div><a href=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_5.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"image-border alignnone wp-image-1141 size-full\" src=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_5.png?resize=540%2C929&#038;ssl=1\" alt=\"Bog_tut_7_5\" width=\"540\" height=\"929\" srcset=\"https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_5.png?w=540&amp;ssl=1 540w, https:\/\/i0.wp.com\/toshl.com\/blog\/wp-content\/uploads\/2015\/05\/Bog_tut_7_5.png?resize=174%2C300&amp;ssl=1 174w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Did you ever want to travel in time? Me too. Here\u2019s how you can do that in Toshl Finance. At least when it comes to your financial history.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4,14,18],"tags":[],"class_list":["post-1099","post","type-post","status-publish","format-standard","hentry","category-tips-tricks","category-tutorials","category-web-app-tutorials"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p9HkH6-hJ","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/posts\/1099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/comments?post=1099"}],"version-history":[{"count":7,"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/posts\/1099\/revisions"}],"predecessor-version":[{"id":1830,"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/posts\/1099\/revisions\/1830"}],"wp:attachment":[{"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/media?parent=1099"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/categories?post=1099"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/toshl.com\/blog\/wp-json\/wp\/v2\/tags?post=1099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}