Homepage - Ability to cap / fix the number of columns
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.
Hi everyone, we appreciate and want to thank everyone for feedback on the responsiveness of the new Homepage. This has been shared back with our product teams as they continue to develop this experience.
At this stage, there are no plans to fix the number of columns when using the Homepage. However, our team will continue to monitor usage on this closely.
One recent change we’ve introduced is that the Homepage layout can be saved at each screen size.
For example, if you set up and save the Homepage layout for your laptop and then move to a larger monitor you’ll see this adapt. However, if you ‘edit’ the Homepage and save the layout separately from your monitor Xero will remember the layout for each screen size. You should only need to do this once for each screen you use.
We’re looking at enhancing the edit layout experience soon to provide more clarity on how it works - I'll update you here when these changes are made.
We appreciate this process is different to how it worked with the Dashboard. We really value hearing your feedback about changes we make in Xero.
-
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.
-
Andrew G
commented
Agree with this - I've posted a comment on a similar issue/topic, but the problem comes from the fact it's ordering horizontally left-to-right.
What needs to happen is that when a widget is placed in a column it stays in that column. That widgets in that column move up/down based on where a new widget is being inserted or removed - but widgets should never move sideways between columns.
The whole horizontal ordering issue is not intuitive, and it also breaks when the number of columns change (e.g. from 3 to 4), widgets in the left-most column can suddenly move into the right-hand column.
Technically, this is because they've implemented the design using a grid layout that wraps/flows as a single unit. What should happen is that each column flows as a single unit in their own right, and the columns then flowed side-by-side so the widgets always remain in the column in which they are placed. The technical solution is just bad implementation design and needs to be fixed so the dashboard and customisation of the dashboard is usable, and for the solution implementation to take appropriate account of human/computer interaction and psychology.
-
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.
-
John Bryan
commented
I am finding it really difficult to arrange the widgets how I would like them - every time I try and place one where I want it, the layout automatically moves others around.
It's quite frustrating.
I would like the ability to lock individual widgets in a fixed position and allow blank spaces in the layout where I want them. So for example I can have all our bank accounts in a single column on the left and use the right hand columns for analysis.
If I've missed something and this functionality is already available, please point me to it.
-
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
There are so many usability issues with the new homepage, and to hear that these have been highlighted well in advance of it going "live" out of beta is sad to hear.
That said, it does sound like you have "solved" some problems with browser adds-ons and workaround, so if it's helpful to you, and you can use an add-on to apply specific CSS to the Xero site, you may find these tweaks useful. This will fix your columns to 3 - but change that number to whatever you need.
@-moz-document domain(go.xero.com) {
.dashboard-template-beta-grid { grid-template-columns: repeat(3, 1fr) !important; }
.dashboard-template-beta-widget { width: auto !important }
} -
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.
-
Elaine Jacobsen
commented
Being able to list widgets for bank accounts under each other like the old home page & Bills Due & Invoices Due listed on the right hand side like the old home page. Accounts people like things in a logical order - your new home page is no longer like that.
-
Fiona Davidson
commented
Hi Kelly,
I cant use this new homepage, I am scared that it will be forced on to me and no longer have the visual functionality that I need for my workflow - You know, just like new invoicing.
What makes this all the more infuriating for me is that I participated in the feedback on a couple of sessions for new homepage and I remember telling them that we must be able to chose the number of coloums we want and have it scalable. Because having to reply of the size of your internet browser window to make it easier to do your job is just not good enough. More and more Xero requires third party apps or programs to restore functionality that used to be integrated. These are more workarounds, the stress levels have at work has more than doubled because of xero in the last couple of years. I had to cut my hours back at and get help at my job, plus stop doing work for clients as a sole trader. Because Xero required hours of extra work each week than what it did before the forced changes that are not improvements.
Your team brings back some features that used to be there but then promotes them as "new" or tells us they are not important right now. but when you are talking about hours of work each week its pretty important to us.Will things ever get better for me Kelly?
I get Gaslit - "it doesn't take you longer to do your job, its an adjustment period"
Made to feel like a "Karen" - Yes I am complaining about a simple extra click because its not just 1 instance, it dozens of them, every day.
Told its meant to work like that - oh yeah there are daily workarounds that are "normal" now but hey, that what its mean to do now, doesn't matter if it worked before.
Told its not a priority - The app used to show supplier credit notes in awaiting approval, now it doesn't. Logging in to the computer to approve them defeats the purpose of the app?! - Nope wont be done.
Asked to prove it - Glitch after glitch, your support team don't believe me, I am asked to provide proof. I provide proof, screen shots and recordings, but its not enough, I am asked to provide "live" proof when on a screen share or to send a video, oh no your video, that isn't good enough, make it do it again and use our video recording link, but we wont provide you any proof that we got it, or that we are looking into it and no one in support knows anything about how to locate it either.I am mentally exhausted at how challenging my job has become because of Xero. I have spoken to management, participated in feedback sessions, actively engaged on Xero Central and I have achieved nothing.
I am more anxious, frustrated and depressed, because of Xero.
I have never felt more helpless that I do right now, as I type this... -
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!