You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@ofbiz.apache.org by "Bruno Busco (JIRA)" <ji...@apache.org> on 2009/02/01 15:37:59 UTC
[jira] Created: (OFBIZ-2159) Form actions bar
Form actions bar
----------------
Key: OFBIZ-2159
URL: https://issues.apache.org/jira/browse/OFBIZ-2159
Project: OFBiz
Issue Type: New Feature
Components: ALL COMPONENTS
Reporter: Bruno Busco
Attachments: bluelight_gif.zip, create_edit_screen.JPG, findscreen.JPG, IconizedFormActions.patch
Hi all,
lately I have worked trying to define a new UI pattern. This has been inspired by looking at the Compiere web interface.
I finally have now a working example that I would like to submit to discuss to see if you find it convenient and an approach we could consider.
Basically, I would like to introduce a bar of icons at the top of the content page. These icons should be used to issue commands on the actual form:
The commands I have implemented right now are:
- Submit
- Search
- Cancel
- Create
- Collapse all (only icon, not yet completed)
- Expend all (only icon, not yet completed)
Using the form actions bar we could remove the "Create new" link that is usually present in the form menus. Even the "Search" and "Submit" buttons should be removed and the icons should be used instead.
The "Cancel" icon is usefull to return from an edit screen to the relative findscreen without accepting the editing of the fields.
The collapse/expand all is still to be implemented. This should be done with a proper javascript and then linked to this icons.
In the attached patch I have changed the findexample and editexample screens to use the new pattern so that you can easily see how it is implemented.
In order to see it in action you should also select the bluelight theme.
Many thanks for the comments you will provide.
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.
[jira] Updated: (OFBIZ-2159) Form actions bar
Posted by "Bruno Busco (JIRA)" <ji...@apache.org>.
[ https://issues.apache.org/jira/browse/OFBIZ-2159?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]
Bruno Busco updated OFBIZ-2159:
-------------------------------
Attachment: IconizedFormActions.patch
> Form actions bar
> ----------------
>
> Key: OFBIZ-2159
> URL: https://issues.apache.org/jira/browse/OFBIZ-2159
> Project: OFBiz
> Issue Type: New Feature
> Components: ALL COMPONENTS
> Reporter: Bruno Busco
> Attachments: bluelight_gif.zip, create_edit_screen.JPG, findscreen.JPG, IconizedFormActions.patch
>
>
> Hi all,
> lately I have worked trying to define a new UI pattern. This has been inspired by looking at the Compiere web interface.
> I finally have now a working example that I would like to submit to discuss to see if you find it convenient and an approach we could consider.
> Basically, I would like to introduce a bar of icons at the top of the content page. These icons should be used to issue commands on the actual form:
> The commands I have implemented right now are:
> - Submit
> - Search
> - Cancel
> - Create
> - Collapse all (only icon, not yet completed)
> - Expend all (only icon, not yet completed)
> Using the form actions bar we could remove the "Create new" link that is usually present in the form menus. Even the "Search" and "Submit" buttons should be removed and the icons should be used instead.
> The "Cancel" icon is usefull to return from an edit screen to the relative findscreen without accepting the editing of the fields.
> The collapse/expand all is still to be implemented. This should be done with a proper javascript and then linked to this icons.
> In the attached patch I have changed the findexample and editexample screens to use the new pattern so that you can easily see how it is implemented.
> In order to see it in action you should also select the bluelight theme.
> Many thanks for the comments you will provide.
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.
[jira] Commented: (OFBIZ-2159) Form actions bar
Posted by "Anil K Patel (JIRA)" <ji...@apache.org>.
[ https://issues.apache.org/jira/browse/OFBIZ-2159?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12669504#action_12669504 ]
Anil K Patel commented on OFBIZ-2159:
-------------------------------------
I don't like the idea of buttons above forms for actions performed on the form e.g button to submit form is expected towards the bottom of the form.
> Form actions bar
> ----------------
>
> Key: OFBIZ-2159
> URL: https://issues.apache.org/jira/browse/OFBIZ-2159
> Project: OFBiz
> Issue Type: New Feature
> Components: ALL COMPONENTS
> Reporter: Bruno Busco
> Attachments: bluelight_gif.zip, create_edit_screen.JPG, findscreen.JPG, IconizedFormActions.patch
>
>
> Hi all,
> lately I have worked trying to define a new UI pattern. This has been inspired by looking at the Compiere web interface.
> I finally have now a working example that I would like to submit to discuss to see if you find it convenient and an approach we could consider.
> Basically, I would like to introduce a bar of icons at the top of the content page. These icons should be used to issue commands on the actual form:
> The commands I have implemented right now are:
> - Submit
> - Search
> - Cancel
> - Create
> - Collapse all (only icon, not yet completed)
> - Expend all (only icon, not yet completed)
> Using the form actions bar we could remove the "Create new" link that is usually present in the form menus. Even the "Search" and "Submit" buttons should be removed and the icons should be used instead.
> The "Cancel" icon is usefull to return from an edit screen to the relative findscreen without accepting the editing of the fields.
> The collapse/expand all is still to be implemented. This should be done with a proper javascript and then linked to this icons.
> In the attached patch I have changed the findexample and editexample screens to use the new pattern so that you can easily see how it is implemented.
> In order to see it in action you should also select the bluelight theme.
> Many thanks for the comments you will provide.
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.
[jira] Commented: (OFBIZ-2159) Form actions bar
Posted by "Jacques Le Roux (JIRA)" <ji...@apache.org>.
[ https://issues.apache.org/jira/browse/OFBIZ-2159?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12669536#action_12669536 ]
Jacques Le Roux commented on OFBIZ-2159:
----------------------------------------
Quoting David:
{quote}In the edit screen the buttons are at the top, which is confusing when filling out a form as the submit button is usually expected at the bottom (the most common place for it). There are a few forms in OFBiz that have buttons in headers instead of below and IMO these should all be changed as it makes the UI more confusing and slower to use (more moving the mouse, tab order messed up, etc).{quote}
Yes! When 1st using OFBiz it took me time to get acquainted to this
{quote}Also, in a webapp what does cancel mean/do? In a desktop UI in a popup window it makes sense, and in a webapp in a wizard or the like it makes sense, but even in many desktop forms and most web forms what would it mean? Where would the user expect it to go?{quote}
Something like browsers Back button I guess (but then which interest ?). We have maybe something near in OFBiz: when creating a contact mech from a profile. But we already discussed it and retained "Back" as label for the button
{quote}Anyway, I guess in general if we're looking for UI inspiration, I wouldn't say Compiere is the best place to go... not that there aren't things we could do and places to go to find ideas for a better UI.{quote}
Gnome could be...
> Form actions bar
> ----------------
>
> Key: OFBIZ-2159
> URL: https://issues.apache.org/jira/browse/OFBIZ-2159
> Project: OFBiz
> Issue Type: New Feature
> Components: ALL COMPONENTS
> Reporter: Bruno Busco
> Attachments: bluelight_gif.zip, create_edit_screen.JPG, findscreen.JPG, IconizedFormActions.patch
>
>
> Hi all,
> lately I have worked trying to define a new UI pattern. This has been inspired by looking at the Compiere web interface.
> I finally have now a working example that I would like to submit to discuss to see if you find it convenient and an approach we could consider.
> Basically, I would like to introduce a bar of icons at the top of the content page. These icons should be used to issue commands on the actual form:
> The commands I have implemented right now are:
> - Submit
> - Search
> - Cancel
> - Create
> - Collapse all (only icon, not yet completed)
> - Expend all (only icon, not yet completed)
> Using the form actions bar we could remove the "Create new" link that is usually present in the form menus. Even the "Search" and "Submit" buttons should be removed and the icons should be used instead.
> The "Cancel" icon is usefull to return from an edit screen to the relative findscreen without accepting the editing of the fields.
> The collapse/expand all is still to be implemented. This should be done with a proper javascript and then linked to this icons.
> In the attached patch I have changed the findexample and editexample screens to use the new pattern so that you can easily see how it is implemented.
> In order to see it in action you should also select the bluelight theme.
> Many thanks for the comments you will provide.
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.
[jira] Commented: (OFBIZ-2159) Form actions bar
Posted by "Jacques Le Roux (JIRA)" <ji...@apache.org>.
[ https://issues.apache.org/jira/browse/OFBIZ-2159?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12669866#action_12669866 ]
Jacques Le Roux commented on OFBIZ-2159:
----------------------------------------
Hi Bruno,
Opera, Safari and Chrome are OK too. I tried in IE8 same issue...
At least we have something which works, and hopefully a js guru will find a solution...
> Form actions bar
> ----------------
>
> Key: OFBIZ-2159
> URL: https://issues.apache.org/jira/browse/OFBIZ-2159
> Project: OFBiz
> Issue Type: New Feature
> Components: ALL COMPONENTS
> Reporter: Bruno Busco
> Fix For: SVN trunk
>
> Attachments: bluelight_gif.zip, create_edit_screen.JPG, ExpandCollapseAll.patch, findscreen.JPG, IconizedFormActions.patch
>
>
> Hi all,
> lately I have worked trying to define a new UI pattern. This has been inspired by looking at the Compiere web interface.
> I finally have now a working example that I would like to submit to discuss to see if you find it convenient and an approach we could consider.
> Basically, I would like to introduce a bar of icons at the top of the content page. These icons should be used to issue commands on the actual form:
> The commands I have implemented right now are:
> - Submit
> - Search
> - Cancel
> - Create
> - Collapse all (only icon, not yet completed)
> - Expend all (only icon, not yet completed)
> Using the form actions bar we could remove the "Create new" link that is usually present in the form menus. Even the "Search" and "Submit" buttons should be removed and the icons should be used instead.
> The "Cancel" icon is usefull to return from an edit screen to the relative findscreen without accepting the editing of the fields.
> The collapse/expand all is still to be implemented. This should be done with a proper javascript and then linked to this icons.
> In the attached patch I have changed the findexample and editexample screens to use the new pattern so that you can easily see how it is implemented.
> In order to see it in action you should also select the bluelight theme.
> Many thanks for the comments you will provide.
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.
[jira] Assigned: (OFBIZ-2159) Form actions bar
Posted by "Jacques Le Roux (JIRA)" <ji...@apache.org>.
[ https://issues.apache.org/jira/browse/OFBIZ-2159?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]
Jacques Le Roux reassigned OFBIZ-2159:
--------------------------------------
Assignee: Bruno Busco
> Form actions bar
> ----------------
>
> Key: OFBIZ-2159
> URL: https://issues.apache.org/jira/browse/OFBIZ-2159
> Project: OFBiz
> Issue Type: New Feature
> Components: ALL COMPONENTS
> Reporter: Bruno Busco
> Assignee: Bruno Busco
> Fix For: SVN trunk
>
> Attachments: bluelight_gif.zip, create_edit_screen.JPG, ExpandCollapseAll.patch, findscreen.JPG, IconizedFormActions.patch
>
>
> Hi all,
> lately I have worked trying to define a new UI pattern. This has been inspired by looking at the Compiere web interface.
> I finally have now a working example that I would like to submit to discuss to see if you find it convenient and an approach we could consider.
> Basically, I would like to introduce a bar of icons at the top of the content page. These icons should be used to issue commands on the actual form:
> The commands I have implemented right now are:
> - Submit
> - Search
> - Cancel
> - Create
> - Collapse all (only icon, not yet completed)
> - Expend all (only icon, not yet completed)
> Using the form actions bar we could remove the "Create new" link that is usually present in the form menus. Even the "Search" and "Submit" buttons should be removed and the icons should be used instead.
> The "Cancel" icon is usefull to return from an edit screen to the relative findscreen without accepting the editing of the fields.
> The collapse/expand all is still to be implemented. This should be done with a proper javascript and then linked to this icons.
> In the attached patch I have changed the findexample and editexample screens to use the new pattern so that you can easily see how it is implemented.
> In order to see it in action you should also select the bluelight theme.
> Many thanks for the comments you will provide.
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.
[jira] Updated: (OFBIZ-2159) Form actions bar
Posted by "Bruno Busco (JIRA)" <ji...@apache.org>.
[ https://issues.apache.org/jira/browse/OFBIZ-2159?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]
Bruno Busco updated OFBIZ-2159:
-------------------------------
Attachment: bluelight_gif.zip
create_edit_screen.JPG
findscreen.JPG
> Form actions bar
> ----------------
>
> Key: OFBIZ-2159
> URL: https://issues.apache.org/jira/browse/OFBIZ-2159
> Project: OFBiz
> Issue Type: New Feature
> Components: ALL COMPONENTS
> Reporter: Bruno Busco
> Attachments: bluelight_gif.zip, create_edit_screen.JPG, findscreen.JPG, IconizedFormActions.patch
>
>
> Hi all,
> lately I have worked trying to define a new UI pattern. This has been inspired by looking at the Compiere web interface.
> I finally have now a working example that I would like to submit to discuss to see if you find it convenient and an approach we could consider.
> Basically, I would like to introduce a bar of icons at the top of the content page. These icons should be used to issue commands on the actual form:
> The commands I have implemented right now are:
> - Submit
> - Search
> - Cancel
> - Create
> - Collapse all (only icon, not yet completed)
> - Expend all (only icon, not yet completed)
> Using the form actions bar we could remove the "Create new" link that is usually present in the form menus. Even the "Search" and "Submit" buttons should be removed and the icons should be used instead.
> The "Cancel" icon is usefull to return from an edit screen to the relative findscreen without accepting the editing of the fields.
> The collapse/expand all is still to be implemented. This should be done with a proper javascript and then linked to this icons.
> In the attached patch I have changed the findexample and editexample screens to use the new pattern so that you can easily see how it is implemented.
> In order to see it in action you should also select the bluelight theme.
> Many thanks for the comments you will provide.
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.
[jira] Commented: (OFBIZ-2159) Form actions bar
Posted by "Jacques Le Roux (JIRA)" <ji...@apache.org>.
[ https://issues.apache.org/jira/browse/OFBIZ-2159?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12669383#action_12669383 ]
Jacques Le Roux commented on OFBIZ-2159:
----------------------------------------
I think that in these case redundancy woult not be a sin : I would keep bottom buttons.
I'm not even sure that Submit, Search, and Create buttons are needed, but I like much Collapse and Expand all. Cancel idea is interesting.
My 2 cts
> Form actions bar
> ----------------
>
> Key: OFBIZ-2159
> URL: https://issues.apache.org/jira/browse/OFBIZ-2159
> Project: OFBiz
> Issue Type: New Feature
> Components: ALL COMPONENTS
> Reporter: Bruno Busco
> Attachments: bluelight_gif.zip, create_edit_screen.JPG, findscreen.JPG, IconizedFormActions.patch
>
>
> Hi all,
> lately I have worked trying to define a new UI pattern. This has been inspired by looking at the Compiere web interface.
> I finally have now a working example that I would like to submit to discuss to see if you find it convenient and an approach we could consider.
> Basically, I would like to introduce a bar of icons at the top of the content page. These icons should be used to issue commands on the actual form:
> The commands I have implemented right now are:
> - Submit
> - Search
> - Cancel
> - Create
> - Collapse all (only icon, not yet completed)
> - Expend all (only icon, not yet completed)
> Using the form actions bar we could remove the "Create new" link that is usually present in the form menus. Even the "Search" and "Submit" buttons should be removed and the icons should be used instead.
> The "Cancel" icon is usefull to return from an edit screen to the relative findscreen without accepting the editing of the fields.
> The collapse/expand all is still to be implemented. This should be done with a proper javascript and then linked to this icons.
> In the attached patch I have changed the findexample and editexample screens to use the new pattern so that you can easily see how it is implemented.
> In order to see it in action you should also select the bluelight theme.
> Many thanks for the comments you will provide.
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.
[jira] Updated: (OFBIZ-2159) Form actions bar
Posted by "Bruno Busco (JIRA)" <ji...@apache.org>.
[ https://issues.apache.org/jira/browse/OFBIZ-2159?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]
Bruno Busco updated OFBIZ-2159:
-------------------------------
Attachment: ExpandCollapseAll.patch
> Form actions bar
> ----------------
>
> Key: OFBIZ-2159
> URL: https://issues.apache.org/jira/browse/OFBIZ-2159
> Project: OFBiz
> Issue Type: New Feature
> Components: ALL COMPONENTS
> Reporter: Bruno Busco
> Fix For: SVN trunk
>
> Attachments: bluelight_gif.zip, create_edit_screen.JPG, ExpandCollapseAll.patch, findscreen.JPG, IconizedFormActions.patch
>
>
> Hi all,
> lately I have worked trying to define a new UI pattern. This has been inspired by looking at the Compiere web interface.
> I finally have now a working example that I would like to submit to discuss to see if you find it convenient and an approach we could consider.
> Basically, I would like to introduce a bar of icons at the top of the content page. These icons should be used to issue commands on the actual form:
> The commands I have implemented right now are:
> - Submit
> - Search
> - Cancel
> - Create
> - Collapse all (only icon, not yet completed)
> - Expend all (only icon, not yet completed)
> Using the form actions bar we could remove the "Create new" link that is usually present in the form menus. Even the "Search" and "Submit" buttons should be removed and the icons should be used instead.
> The "Cancel" icon is usefull to return from an edit screen to the relative findscreen without accepting the editing of the fields.
> The collapse/expand all is still to be implemented. This should be done with a proper javascript and then linked to this icons.
> In the attached patch I have changed the findexample and editexample screens to use the new pattern so that you can easily see how it is implemented.
> In order to see it in action you should also select the bluelight theme.
> Many thanks for the comments you will provide.
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.
[jira] Reopened: (OFBIZ-2159) Form actions bar
Posted by "Bruno Busco (JIRA)" <ji...@apache.org>.
[ https://issues.apache.org/jira/browse/OFBIZ-2159?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]
Bruno Busco reopened OFBIZ-2159:
--------------------------------
Please find attached a patch that is a first trial to implement the ExpandAll/CollapseAll commands.
Unfortunately I did not succeed in making it work in IE but only FF :-(
> Form actions bar
> ----------------
>
> Key: OFBIZ-2159
> URL: https://issues.apache.org/jira/browse/OFBIZ-2159
> Project: OFBiz
> Issue Type: New Feature
> Components: ALL COMPONENTS
> Reporter: Bruno Busco
> Fix For: SVN trunk
>
> Attachments: bluelight_gif.zip, create_edit_screen.JPG, findscreen.JPG, IconizedFormActions.patch
>
>
> Hi all,
> lately I have worked trying to define a new UI pattern. This has been inspired by looking at the Compiere web interface.
> I finally have now a working example that I would like to submit to discuss to see if you find it convenient and an approach we could consider.
> Basically, I would like to introduce a bar of icons at the top of the content page. These icons should be used to issue commands on the actual form:
> The commands I have implemented right now are:
> - Submit
> - Search
> - Cancel
> - Create
> - Collapse all (only icon, not yet completed)
> - Expend all (only icon, not yet completed)
> Using the form actions bar we could remove the "Create new" link that is usually present in the form menus. Even the "Search" and "Submit" buttons should be removed and the icons should be used instead.
> The "Cancel" icon is usefull to return from an edit screen to the relative findscreen without accepting the editing of the fields.
> The collapse/expand all is still to be implemented. This should be done with a proper javascript and then linked to this icons.
> In the attached patch I have changed the findexample and editexample screens to use the new pattern so that you can easily see how it is implemented.
> In order to see it in action you should also select the bluelight theme.
> Many thanks for the comments you will provide.
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.
[jira] Closed: (OFBIZ-2159) Form actions bar
Posted by "Bruno Busco (JIRA)" <ji...@apache.org>.
[ https://issues.apache.org/jira/browse/OFBIZ-2159?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]
Bruno Busco closed OFBIZ-2159.
------------------------------
Resolution: Invalid
Fix Version/s: SVN trunk
Many thanks to you all for the valuable comments.
It was just a concept I did want your ideas on (and now I have ;-) ).
So the conlusion is there is no need for this change. It would not add any value and will only get things confused.
I cannot disagree with this.
Sometimes, communicating an even not perfectly focused idea is a way to get from the community a new concept that was unexpressed and only latent in personal wish-lists. (unfortunately this was not the case ;-) )
Thank you
> Form actions bar
> ----------------
>
> Key: OFBIZ-2159
> URL: https://issues.apache.org/jira/browse/OFBIZ-2159
> Project: OFBiz
> Issue Type: New Feature
> Components: ALL COMPONENTS
> Reporter: Bruno Busco
> Fix For: SVN trunk
>
> Attachments: bluelight_gif.zip, create_edit_screen.JPG, findscreen.JPG, IconizedFormActions.patch
>
>
> Hi all,
> lately I have worked trying to define a new UI pattern. This has been inspired by looking at the Compiere web interface.
> I finally have now a working example that I would like to submit to discuss to see if you find it convenient and an approach we could consider.
> Basically, I would like to introduce a bar of icons at the top of the content page. These icons should be used to issue commands on the actual form:
> The commands I have implemented right now are:
> - Submit
> - Search
> - Cancel
> - Create
> - Collapse all (only icon, not yet completed)
> - Expend all (only icon, not yet completed)
> Using the form actions bar we could remove the "Create new" link that is usually present in the form menus. Even the "Search" and "Submit" buttons should be removed and the icons should be used instead.
> The "Cancel" icon is usefull to return from an edit screen to the relative findscreen without accepting the editing of the fields.
> The collapse/expand all is still to be implemented. This should be done with a proper javascript and then linked to this icons.
> In the attached patch I have changed the findexample and editexample screens to use the new pattern so that you can easily see how it is implemented.
> In order to see it in action you should also select the bluelight theme.
> Many thanks for the comments you will provide.
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.
[jira] Commented: (OFBIZ-2159) Form actions bar
Posted by "Jacques Le Roux (JIRA)" <ji...@apache.org>.
[ https://issues.apache.org/jira/browse/OFBIZ-2159?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12669556#action_12669556 ]
Jacques Le Roux commented on OFBIZ-2159:
----------------------------------------
The Collapse/Expend all features would be great though !
> Form actions bar
> ----------------
>
> Key: OFBIZ-2159
> URL: https://issues.apache.org/jira/browse/OFBIZ-2159
> Project: OFBiz
> Issue Type: New Feature
> Components: ALL COMPONENTS
> Reporter: Bruno Busco
> Fix For: SVN trunk
>
> Attachments: bluelight_gif.zip, create_edit_screen.JPG, findscreen.JPG, IconizedFormActions.patch
>
>
> Hi all,
> lately I have worked trying to define a new UI pattern. This has been inspired by looking at the Compiere web interface.
> I finally have now a working example that I would like to submit to discuss to see if you find it convenient and an approach we could consider.
> Basically, I would like to introduce a bar of icons at the top of the content page. These icons should be used to issue commands on the actual form:
> The commands I have implemented right now are:
> - Submit
> - Search
> - Cancel
> - Create
> - Collapse all (only icon, not yet completed)
> - Expend all (only icon, not yet completed)
> Using the form actions bar we could remove the "Create new" link that is usually present in the form menus. Even the "Search" and "Submit" buttons should be removed and the icons should be used instead.
> The "Cancel" icon is usefull to return from an edit screen to the relative findscreen without accepting the editing of the fields.
> The collapse/expand all is still to be implemented. This should be done with a proper javascript and then linked to this icons.
> In the attached patch I have changed the findexample and editexample screens to use the new pattern so that you can easily see how it is implemented.
> In order to see it in action you should also select the bluelight theme.
> Many thanks for the comments you will provide.
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.
[jira] Commented: (OFBIZ-2159) Form actions bar
Posted by "David E. Jones (JIRA)" <ji...@apache.org>.
[ https://issues.apache.org/jira/browse/OFBIZ-2159?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12669505#action_12669505 ]
David E. Jones commented on OFBIZ-2159:
---------------------------------------
I must admit when I was looking at Compiere I found their button bars to be one of the more confusing and frustrating parts of the UI.
I like it just about as little in the OFBiz UI. I think we could make things look much nicer and still maintain ease of use with icons in various places. We need to be careful about it though...
In the edit screen the buttons are at the top, which is confusing when filling out a form as the submit button is usually expected at the bottom (the most common place for it). There are a few forms in OFBiz that have buttons in headers instead of below and IMO these should all be changed as it makes the UI more confusing and slower to use (more moving the mouse, tab order messed up, etc). Also, in a webapp what does cancel mean/do? In a desktop UI in a popup window it makes sense, and in a webapp in a wizard or the like it makes sense, but even in many desktop forms and most web forms what would it mean? Where would the user expect it to go?
In the find screen the icons are quite confusing... when you click on it which part of the screen does it affect, and what does it do? If you're already on a search page what is the different between the magnifying glass icon and the circle-X icon? Those are the confusing questions that come to mind.
Anyway, I guess in general if we're looking for UI inspiration, I wouldn't say Compiere is the best place to go... not that there aren't things we could do and places to go to find ideas for a better UI.
In general I like the "Don't Make Me Think" concept that leaves everything as literal as possible, and unfortunately two things that tend to obfuscate things are icons and context (ie where they are placed on a screen).
-David
> Form actions bar
> ----------------
>
> Key: OFBIZ-2159
> URL: https://issues.apache.org/jira/browse/OFBIZ-2159
> Project: OFBiz
> Issue Type: New Feature
> Components: ALL COMPONENTS
> Reporter: Bruno Busco
> Attachments: bluelight_gif.zip, create_edit_screen.JPG, findscreen.JPG, IconizedFormActions.patch
>
>
> Hi all,
> lately I have worked trying to define a new UI pattern. This has been inspired by looking at the Compiere web interface.
> I finally have now a working example that I would like to submit to discuss to see if you find it convenient and an approach we could consider.
> Basically, I would like to introduce a bar of icons at the top of the content page. These icons should be used to issue commands on the actual form:
> The commands I have implemented right now are:
> - Submit
> - Search
> - Cancel
> - Create
> - Collapse all (only icon, not yet completed)
> - Expend all (only icon, not yet completed)
> Using the form actions bar we could remove the "Create new" link that is usually present in the form menus. Even the "Search" and "Submit" buttons should be removed and the icons should be used instead.
> The "Cancel" icon is usefull to return from an edit screen to the relative findscreen without accepting the editing of the fields.
> The collapse/expand all is still to be implemented. This should be done with a proper javascript and then linked to this icons.
> In the attached patch I have changed the findexample and editexample screens to use the new pattern so that you can easily see how it is implemented.
> In order to see it in action you should also select the bluelight theme.
> Many thanks for the comments you will provide.
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.
[jira] Closed: (OFBIZ-2159) Form actions bar
Posted by "Bruno Busco (JIRA)" <ji...@apache.org>.
[ https://issues.apache.org/jira/browse/OFBIZ-2159?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]
Bruno Busco closed OFBIZ-2159.
------------------------------
Resolution: Fixed
ExpandCollapseAll.patch committed in trunk rev. 740296
> Form actions bar
> ----------------
>
> Key: OFBIZ-2159
> URL: https://issues.apache.org/jira/browse/OFBIZ-2159
> Project: OFBiz
> Issue Type: New Feature
> Components: ALL COMPONENTS
> Reporter: Bruno Busco
> Fix For: SVN trunk
>
> Attachments: bluelight_gif.zip, create_edit_screen.JPG, ExpandCollapseAll.patch, findscreen.JPG, IconizedFormActions.patch
>
>
> Hi all,
> lately I have worked trying to define a new UI pattern. This has been inspired by looking at the Compiere web interface.
> I finally have now a working example that I would like to submit to discuss to see if you find it convenient and an approach we could consider.
> Basically, I would like to introduce a bar of icons at the top of the content page. These icons should be used to issue commands on the actual form:
> The commands I have implemented right now are:
> - Submit
> - Search
> - Cancel
> - Create
> - Collapse all (only icon, not yet completed)
> - Expend all (only icon, not yet completed)
> Using the form actions bar we could remove the "Create new" link that is usually present in the form menus. Even the "Search" and "Submit" buttons should be removed and the icons should be used instead.
> The "Cancel" icon is usefull to return from an edit screen to the relative findscreen without accepting the editing of the fields.
> The collapse/expand all is still to be implemented. This should be done with a proper javascript and then linked to this icons.
> In the attached patch I have changed the findexample and editexample screens to use the new pattern so that you can easily see how it is implemented.
> In order to see it in action you should also select the bluelight theme.
> Many thanks for the comments you will provide.
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.