Have a UI problem to solve. I have a couple of plans, but don’t know how to pull them off.
Consider the following view:
I have a project tasks table inside a display table. This shows all the tasks for a project, estimated time and a complete checkbox.
Now to save making many bookings, we decided to group tasks into stages - and just make a booking for every stage of a project.
Some grouping of the table does wonders here.
I’ve got a button working which creates the booking, and adds the associated tasks.
However, as you can see, the UI is EXTREMELY cramped given the display table is so limited in the horizontal plane.
Solution 1 would be the ability to make the display table wider. We all use monitors with a minimum of 1920px width, meaning there is plenty of room to make the table wider. I have heard of people using custom CSS to do this… how difficult is it - and to then deploy to 6 staff / multiple workstations and laptops?
Solution 2 - having two grouped columns takes up lots of horizontal space. Is there a way I could put the button inside the “Project Save” text column - just at the end?
Solution 3 - Is there a way of making a duration column smaller - potentially formatting it into 01:30 fairly simply? I’ll look into that some more.
(I’m also changing “completed” to “done” as a column heading to save room!)
Any help or further ideas would be appreciated.