Homepage - "Narrow Mode" Option for Business Overview
I have a wide screen (normal width for a monitor, but wide compared to a tablet or laptop) which facilitates 4 widgets horizontally (the limit, after some testing).
The widgets take up the entire space horizontally, leaving no space either side, and feels cramped as a result. This is a break from a pretty long-standing web-design principle to which even the page I'm typing this suggestion into adheres (having about 10-15% margin/padding either side of your main content where space allows).
I'd love the option to cap the number of widget colums to 3 instead of 4 (keeping the width of the columns as they are). This would add half a widget's width to either side of the widgets area and make the space feel more focused.
The option could be a switch that appears when the user clicks customise.
Ultimately, I'd just like to be able to pull the content in from the screen edges.
Appreciate the feedback, Douglas and this would be good to get a sense of the interest from others around.
As you've noted the new Homepage is responsive and will auto adjust up to 4 widgets wide based on your device and computer and browsing zoom options.
We don't have any plans around enabling user based customisations to this layout but lets start by getting a gauge from community in this here 🙂
-
Jen Heath
commented
I agree with Heather's comments - I customised my homepage on a 3-wide monitor, and I'm now looking at it on a 4-wide monitor which I use once per week and it is completely different and nowhere near organised the way I originally intended.
The ability to either set a column, or 'lock' a homepage view once you have set it up (eg within my own file, having a locked view for '3 column' and '4 column' so that I can set each separately or stick to 3 column only if preferred) would be fantastic.
-
Eric Xu
commented
I find the new interface very overwhelming compared to the previous two-column layout.
In our business we manage a large number of bank accounts and credit cards, and the new design displays everything in a very dense, visually busy way. This makes it harder to scan and understand at a glance, and honestly creates visual discomfort for me (similar to trypophobia triggered by dense, repetitive layouts).
The old two-column layout was much calmer, clearer, and more usable for accounts-heavy setups. It allowed faster comprehension and reduced cognitive load.
I would strongly appreciate:
An option to switch back to the classic two-column layout, or
More spacing, grouping, or collapsible sections to reduce visual density, or a choice of number of columns we want to have.
Xero has always stood out for clarity and usability — I hope future updates keep that strength in mind, especially for users with complex account structures.
-
Heather Perry
commented
If we could just be allowed to assign widgets to columns instead of in side by side order that would be much more beneficial. So then we can keep the 2 wide look or upgrade to 3 or 4 wide if wanted. Right now it operates like an old simple Iphone app organizer where you can only move something in the order as is assigned 1-10 and not put it in the place you want it. Some of us don't want the columns to change dynamically based on screen size. This disorients the file and makes no consistency if you use different screens or devices.
-
Fred Esrafili
commented
The new UI is nice, but based on browser size they go from 2 column, to 3 and 4, and everytime the browser size changes my widget placement change too and it's very very confusing, for example in a 2 column view i set my bank account in the left, and when it changes to 3 or 4 it messes everything up and i feel like i have no control on my widget placements, even when i try to move them around they don't really move as expected. this i think needs to be fixed and corrected, the used should be able to specify if they want to use 2, 3 or 4 column view and it should be fixed view.
-
Bryan Steel
commented
I agree, the moving accounts and widgets with different screen sizes are going to be a problem for me as I move between a desktop and laptop. ie, different screen sizes. Can we get an option to lock the widgets in place, please?
-
Heather Perry
commented
It would be nice to be able to lock in number of columns and tile order in each homescreen for a user. I have different sized monitors that I move screens between both depending on task. The one smaller monitor displays 2 columns in Xero and the other larger one displays 3 columns in Xero. I cannot organize a page to display the same way on both screens which means there is order for one and chaos for the other. I also hate how the widgets have to move to reorder. Instead of being able to stack all bank accounts in the left column like the feel we are used to we have to play with adding useless widgets to match column lengths and keep all items in line. Very much dislike all these changes and them being pushed down on us in the busiest month for the accounting profession.
-
Andrew G
commented
In case it's helpful - if you're able to use a browser add-on to apply specific CSS to a given site, you can fix the number of columns by having your browser apply the following CSS to the Xero homepage.
Appreciate this is quite technical, and not for everyone, but if you're doing this already for other sites, it may be useful to know. Change "3" to the number of columns you want, and adjust width to your preference also.
@-moz-document domain(go.xero.com) {
.dashboard-template-beta-grid { grid-template-columns: repeat(3, 1fr) !important; }
.dashboard-template-beta-widget { width: auto !important }
}Of course, this is not really the solution - only a temporary fix - we need Xero to provide the functionality we're all asking for (and I've since found out, this issue was highlighted during the beta feedback sessions but ignored).
-
Andrew G
commented
A little update for those that are technically minded (including Xero developers)... you can fix the columns to your preferred layout/size by injecting the following CSS into the Xero site:
@-moz-document domain(go.xero.com) {
.dashboard-template-beta-grid { grid-template-columns: repeat(3, 1fr) !important; }
.dashboard-template-beta-widget { width: auto !important }
}This won't be for everyone, you need to know how to enable custom/bespoke CSS on a per-site basis ... but it's a useful workaround for people that can get it to work in the short-term.
Maybe also useful for Xero developers.
-
Andrew G
commented
Totally agree, we need to be able to fix the number of columns AND as somebody else has noted here have the widgets organise themselves within the columns and not rearrange horizontally (scrambling, moving widgets from column 1 to column 4) when switching from a 3 column to 4 column layout.
The new homepage is very problematic for people that use multiple monitor resolutions, different browser sizes (not always maximised for example), and work efficiently with widgets being in the same location (e.g. having all bank accounts always in the left-most column).
Massive oversight by the design team on the new homepage layout behavior.
-
Andrew G
commented
When I resize my browser - or when I switch to a different resolution monitor - the number of columns now resizes. It can switch from 3 to 4 columns.
This screws up the layout. I organise by column - having all bank accounts under the left-most column, and when it resizes from 3 to 4 - the widgets are rearranged horizontally meaning all the bank account widgets get moved around - the second widget in the first column now appears in the fourth column.
I should not need to be a on a fixed-size browser or screen resolution to keep the same layout.
The fact that widgets align horizontally is also in issue when configuring the layout - moving widgets is not intuitive when widgets keep moving to maintain a horizontal layout when information is presented in columns. When presenting information in columns, moving the widgets and customization actions should be by column also.
Two things need to change:
1. Allow us to specify the number of columns we need. For those that prefer the old dashboard, being able to fix to 2 columns would be a win, and for those of us that use our browser windows "restored" (i.e. not maximized constantly) and do resize browser windows depending what we're doing, not having the number of shown columns change is essential.
2. When supporting the configuration of the layout, having placed widgets remain in their columns and do not re-align all widgets horizontally. When supporting a column layout, have widgets rearrange within their existing columns.
-
Tim Diggins
commented
I think the scrambling aspect is really important - I sometimes have my window wide enough for two columns and sometimes for 3. But I really want all the bank accounts in the left column, but for the home page is ordered left to right, even though the columns are fixed width and the widgets can be variable height.
I would much prefer to have it be a fixed number of columns and not scramble as you resize the window.
-
Elliot Colbert
commented
I'm finally grappling with the new homepage, and I realize that one of the first things that put me off is that all my widgets were scrambled from the order I'm accustomed to seeing them in (even when scaling my browser window shape/zoom to my usual 2-column view).
I see that this is because the old layout arranges my widgets in "vertical" linear order when scaling from 1 to 2 columns (going top-to-bottom down the left column first), where the new layout follows a "horizontal" order in scaling from 1 to 2/3/4 columns (going left-to-right across the top row).
I always prefer to use the Xero homepage in a "2-column" aspect ratio, so the old behavior was perfect for me. (And even if I were to change my window size, the widget grid dynamically scaling from 2 to 3/4 columns in the new layout is still disadvantageous to me - suddenly none of my widgets are in the position where I expect them!)
My strongest recommendation is to abandon that new behavior, and revert to a 2-column max layout.
But if that's not in the cards, then it would still be easier for users to switching to the new homepage if their initial 2-column view reflected the layout that they're used to on the old homepage (by re-sorting their widgets from the "vertical" to "horizontal" order).
Thanks for considering!