Comments (2)
This is by design, and after feedback from users. The first thing they want to do after creating a shipment is to create a new container (dewars have already been created). Therefore this is large to draw their attention to the button.
from synchweb.
That's not the best UI design, IMO. I don't dismiss the user feedback, but I don't think making the button bigger is the right solution. The button is a UI control just like any of the other controls. Making it bigger than the rest makes for a strange UI that feels inconsistent, IMO.
A different UI design might be to remove the Dewar Details section (and the Add Container button) from the bottom and instead have the user click on a Dewar to get a Dewar view, and then have the Add Container button on that view.
Another UI design that keeps the Dewar Details section at the bottom would be the Two-Panel Selector design pattern. (A typical example is an email client that has a list of emails in the top panel and the details of the selected email in the bottom panel.) Make the top Dewar list so that the user can select a Dewar. Then move the Add Container button to the top next to the Add Dewar button and it will act on the selected Dewar. The Add Container button could be enabled only when a Dewar is selected.
Or, also using the Two-Panel Selector pattern, clearly divide the page into two panels and have a toolbar area for the bottom panel that spans the width of the panel so that it's clear that the page is divided into two panels and that the user selects a Dewar in the top panel to display it in the bottom panel and that the toolbar for the bottom panel contains buttons that act on the bottom panel. Then in the toolbar area of the bottom panel, you could have the Add Container button at the normal size. (The confusion with the current design may be that it's not clear to the user that the page is really divided into two panels; it might just look like a vertical stack of tables or sections to the user.)
from synchweb.
Related Issues (20)
- Shipment "Mark as Sent" button can break scanned Assign Containers view HOT 4
- Can assign >1 container to same location in scanned Assign Containers view HOT 1
- Enabling PHP DB debugging breaks Shipment view HOT 1
- API GET /proposal/visits/{visit} endpoint requires prop param but not documented HOT 3
- EM relion processing broken
- Should document ispyb-database version requirement HOT 2
- Editing Registered Container field in Container view is pain when list is large HOT 3
- Give Name text field default focus in Add New Shipment view HOT 1
- Auto-processing ticks and crosses absent in some views, not others HOT 1
- LDAP authentication does not support start_tls connections. HOT 5
- Add New Container view allows creating samples without protein HOT 2
- Better use of browser real-estate? HOT 6
- Request for better "View" features in "Logs & Files" HOT 1
- Refined Beam Positions from `fast_dp` are flipped and `SynchWeb` is wrongly flipping them back. HOT 2
- "Unknown column" DB error on sample page HOT 1
- Reprocessing - `POST` to `api/process/sweeps` fails HOT 1
- AMPQ vs STOMP for reprocessing HOT 2
- Configurable date format HOT 2
- Would it be possible to remove `client/src/js/config.json` ? HOT 4
- Bulk sample update is difficult to use HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from synchweb.