OFBiz › OFBiz - Dev

[jira] Created: (OFBIZ-2159) Form actions bar

_‹ Previous Topic Next Topic _›

Classic

List

Threaded

14 messages Options

Nicolas Malin (Jira)

[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.

Nicolas Malin (Jira)

[jira] Updated: (OFBIZ-2159) Form actions bar

[ 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.

Nicolas Malin (Jira)

[jira] Updated: (OFBIZ-2159) Form actions bar

In reply to this post by Nicolas Malin (Jira)

--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.

Nicolas Malin (Jira)

[jira] Commented: (OFBIZ-2159) Form actions bar

In reply to this post by Nicolas Malin (Jira)

[ 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

--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.

Nicolas Malin (Jira)

[jira] Commented: (OFBIZ-2159) Form actions bar

In reply to this post by Nicolas Malin (Jira)

[ 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.

--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.

Nicolas Malin (Jira)

[jira] Commented: (OFBIZ-2159) Form actions bar

In reply to this post by Nicolas Malin (Jira)

[ 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

--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.

Nicolas Malin (Jira)

[jira] Commented: (OFBIZ-2159) Form actions bar

In reply to this post by Nicolas Malin (Jira)

[ 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...

--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.

Nicolas Malin (Jira)

[jira] Closed: (OFBIZ-2159) Form actions bar

In reply to this post by Nicolas Malin (Jira)

[ 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.

Nicolas Malin (Jira)

[jira] Commented: (OFBIZ-2159) Form actions bar

In reply to this post by Nicolas Malin (Jira)

[ 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.

Nicolas Malin (Jira)

[jira] Reopened: (OFBIZ-2159) Form actions bar

In reply to this post by Nicolas Malin (Jira)

[ 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.

Nicolas Malin (Jira)

[jira] Updated: (OFBIZ-2159) Form actions bar

In reply to this post by Nicolas Malin (Jira)

> 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.

Nicolas Malin (Jira)

[jira] Commented: (OFBIZ-2159) Form actions bar

In reply to this post by Nicolas Malin (Jira)

[ 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.

Nicolas Malin (Jira)

[jira] Closed: (OFBIZ-2159) Form actions bar

In reply to this post by Nicolas Malin (Jira)

> 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.

Nicolas Malin (Jira)

[jira] Assigned: (OFBIZ-2159) Form actions bar

In reply to this post by Nicolas Malin (Jira)

[ 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.