Drop-down Applications Bar
-------------------------- Key: OFBIZ-2118 URL: https://issues.apache.org/jira/browse/OFBIZ-2118 Project: OFBiz Issue Type: New Feature Components: ALL COMPONENTS Reporter: Bruno Busco Hi all, we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. The idea is to have a breadcrumbs that is a drop-down menu also. The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. Then the user can select an application and the application name is shown in the second position of the breadcrumbs. If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. I think that this way of navigating offers to the user a complete view of all applications as a whole. For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Bruno Busco updated OFBIZ-2118: ------------------------------- Attachment: screenshot3.jpg screenshot2.jpg screenshot1.jpg > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Attachments: screenshot1.jpg, screenshot2.jpg, screenshot3.jpg > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Bruno Busco updated OFBIZ-2118: ------------------------------- Attachment: screenshot5.jpg screenshot4.jpg > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Attachments: screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12662718#action_12662718 ] Jacques Le Roux commented on OFBIZ-2118: ---------------------------------------- This looks like very promising indeed, +1 ! > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Attachments: screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12662719#action_12662719 ] Jacques Le Roux commented on OFBIZ-2118: ---------------------------------------- What about Scott's idea of the current bottom SpecialPurpose application as a top dropdown menu also ? > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Attachments: screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12662724#action_12662724 ] Hans Bakker commented on OFBIZ-2118: ------------------------------------ looks very good, excellent initiative if you provide a patch i will help to test it..... > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Attachments: screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12662747#action_12662747 ] Jacques Le Roux commented on OFBIZ-2118: ---------------------------------------- Could it be possible to keep the changes in decorators in the visual theme in a way or another ? Thus we could leep the old Visual Theme. This because it has also some advantages. One being to show all possiblities at a glance, this is often convenient when evaluating things. > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Attachments: screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12662748#action_12662748 ] Jacques Le Roux commented on OFBIZ-2118: ---------------------------------------- BTW, I think we should commit the RoundedAppBarTabs.patch in OFBIZ-911 before > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Attachments: screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Bruno Busco updated OFBIZ-2118: ------------------------------- Attachment: vt_bluelight.zip AppMenuDropDown.patch Please find attached a patch and a Visual Theme that I have written to implement what shown in the screenshots. This is not intended to be commited (yet) but to share the idea and possibly discuss on a better implementation. Here is what I have done: The ApplicationBar and TabBar rendering has been moved from the CommonDecorator to the header.ftl (including the appbar.ftl) I am not really happy with this because it takes things back from widgets to FTL but I did this to have the bar rendering implemented in the Visual Theme (through a specific header.ftl file) Then, in order to render the ApplicationsMenu and the TabBarMenus menu widgets in the appbar.ftl file (I did not find a menu-render command usable into .ftl) I defined two wrapper screens (ApplicationMenuWrapper and TabBarMenuWrapper) that render rispectively the menu they find in the applicationMenuName/applicationMenuLocation and tabBarMenuName/tabBarMenuLocation variables. This is the way the ApplicationMenu has always been rendered and now I extended this to the TabBar also. The <include-menu> tabbar has been removed from the screen decorators and replaced with the two tabBarMenuName/tabBarMenuLocation setting. A minor update is to remove the word "Application" from the label. This makes the breadcrumbs shorter and does not take away any information. IMO the user should think to use a SINGLE application named OFBiz. At the moment, the only application that has been updated to use this new Menu system is the Catalog. I am more than sure that we could have a simpler implementation with less changes but this is what I have right now and I think it is much better to share as it is in order to leverage on the community to spedd things up. > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Attachments: AppMenuDropDown.patch, screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg, vt_bluelight.zip > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12662751#action_12662751 ] Bruno Busco commented on OFBIZ-2118: ------------------------------------ Two more things I forgot to mention: 1) The drop-down is, at the moment, not work on IE 2) I have moved the logout link from the menu to the control-box at the top on the left. Here I have included a "Preferences" link also that IMO should take the user to a page where he can change the timezone, the visualtheme and the language (and other things). In this way the control-box would be less crowded. This zone needs also to be styled in the theme. > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Attachments: AppMenuDropDown.patch, screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg, vt_bluelight.zip > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12664427#action_12664427 ] Pierre Smits commented on OFBIZ-2118: ------------------------------------- I like the redesign of the UI very much. It will bring OFBIz further in a WEB 2.0 state. It will also reduce screen clutter What else must be done to have the entire backend in this design? Can we include this in a next release (5.0)? > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Attachments: AppMenuDropDown.patch, screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg, vt_bluelight.zip > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12664447#action_12664447 ] Jacques Le Roux commented on OFBIZ-2118: ---------------------------------------- Pierre, Clearly having it works in IE, this is a stopper :( ! > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Attachments: AppMenuDropDown.patch, screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg, vt_bluelight.zip > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Bruno Busco updated OFBIZ-2118: ------------------------------- Fix Version/s: OFBIZ 9.3 > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Fix For: OFBIZ 9.3 > > Attachments: AppMenuDropDown.patch, screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg, vt_bluelight.zip > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Bruno Busco updated OFBIZ-2118: ------------------------------- Attachment: vt_bluelight.zip VisualThemeMessage.patch AppMenuDropDown.patch Hi have moved a step forward as follows: 1) In the attached VisualThemeMessage.patch file there is a change to allow a VisualTheme to specify a different message.ftl file to render the messages. I followed Adrian's pattern for the AppMenu. This new feature has been used to implement the drop-down Theme 2) The AppMenuDropDown.patch has been updated and I have changed the Menu rendered to incapsulate the menu in an additional <ul> <li> wrapper. This is used to implement the drop-down by using CSS only and not javascript. All applications that does not use the menu widget have been updated in their appbar.ftl file The maincss.css file has been updated to work with this new menu structure. 3) A cleaner vt_bluelight.zip file with the drop-down theme is included. Now I am quite happy with this implementation and I would like to be reviewd and eventually committed (I cannot in the framework). I have not been able to make it work with IE. I have tryed many solution but unfortunately I found no way, sorry. A CSS guru help seems needed. In any case the IE incompatibility affects the theme only and thus I suggest to commit the changes anyway. > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Fix For: Release Branch 9.3 > > Attachments: AppMenuDropDown.patch, AppMenuDropDown.patch, screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg, VisualThemeMessage.patch, vt_bluelight.zip, vt_bluelight.zip > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Bruno Busco updated OFBIZ-2118: ------------------------------- Attachment: AppMenuDropDown.patch An updated version of the AppMenuDropDown.patch. It is not necessary any more to change the appheader.ftl files that have been removed from the trunk. > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Fix For: Release Branch 9.3 > > Attachments: AppMenuDropDown.patch, AppMenuDropDown.patch, AppMenuDropDown.patch, screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg, VisualThemeMessage.patch, vt_bluelight.zip, vt_bluelight.zip > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12666373#action_12666373 ] Enrique Ruibal commented on OFBIZ-2118: --------------------------------------- Hello Bruno, What a great piece of work you hav done! This is very much eye-appealing, I noticed a few cranky lines on the my portal page. Congrats, > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Fix For: Release Branch 9.3 > > Attachments: AppMenuDropDown.patch, AppMenuDropDown.patch, AppMenuDropDown.patch, screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg, VisualThemeMessage.patch, vt_bluelight.zip, vt_bluelight.zip > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] David E. Jones closed OFBIZ-2118. --------------------------------- Resolution: Fixed Fix Version/s: (was: Release Branch 9.3) SVN trunk Assignee: David E. Jones This is looking good Bruno. I've applied your patches in SVN rev 736887. In rev 736892 I also added a new "themes" directory for theme components and added your bluelight theme to it. I made a few small changes in reviewing the theme, like removing the "vt_". My reasoning for the new themes directory is to have a library of themes that comes with OFBiz and are revision controlled and can be worked on by the group. The overall goal is to make OFBiz pretty! I am envisioning contributions going into this for a while, and then eventually we'll select a different default theme as a community and move forward with that. One thing I'd like to see in these themes that is a bit different from how they are now is to somehow reduce the redundancy between themes. Any thoughts you have on that would be appreciated. For now I think this is great. Now that it's in SVN I'm going to ping some people I know who are really good with CSS and see if they can get things working right in IE, and perhaps takes some next steps on adding artistic flair. If you have changes you'd like to make to this, please do! I'll change the SVN perms so that you have commit access to the themes directory too. > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Assignee: David E. Jones > Fix For: SVN trunk > > Attachments: AppMenuDropDown.patch, AppMenuDropDown.patch, AppMenuDropDown.patch, screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg, VisualThemeMessage.patch, vt_bluelight.zip, vt_bluelight.zip > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12666408#action_12666408 ] Anil K Patel commented on OFBIZ-2118: ------------------------------------- Cool stuff. Thanks Bruno. > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Assignee: David E. Jones > Fix For: SVN trunk > > Attachments: AppMenuDropDown.patch, AppMenuDropDown.patch, AppMenuDropDown.patch, screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg, VisualThemeMessage.patch, vt_bluelight.zip, vt_bluelight.zip > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12666457#action_12666457 ] Pranay Pandey commented on OFBIZ-2118: -------------------------------------- I tried with this theme, looks cool. Thanks Bruno. > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Assignee: David E. Jones > Fix For: SVN trunk > > Attachments: AppMenuDropDown.patch, AppMenuDropDown.patch, AppMenuDropDown.patch, screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg, VisualThemeMessage.patch, vt_bluelight.zip, vt_bluelight.zip > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
In reply to this post by Nicolas Malin (Jira)
[ https://issues.apache.org/jira/browse/OFBIZ-2118?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12666470#action_12666470 ] Bruno Busco commented on OFBIZ-2118: ------------------------------------ Hi All, I am happy to see you liked the new theme. David, I think that having the themes folder with a few themes already installed OOTB is a great idea indeed. This will let everybody easily test some features that only have sense when more themes are installed (i.e. the theme selection and new one that will come like, may be, theme enabling/disabling etc.) The OOTB themes will be usefull as living templates to develop new themes that will be hosted in the Gallery. Thank you for enabling me to commit to themes folder it will help. > Drop-down Applications Bar > -------------------------- > > Key: OFBIZ-2118 > URL: https://issues.apache.org/jira/browse/OFBIZ-2118 > Project: OFBiz > Issue Type: New Feature > Components: ALL COMPONENTS > Reporter: Bruno Busco > Assignee: David E. Jones > Fix For: SVN trunk > > Attachments: AppMenuDropDown.patch, AppMenuDropDown.patch, AppMenuDropDown.patch, screenshot1.jpg, screenshot2.jpg, screenshot3.jpg, screenshot4.jpg, screenshot5.jpg, VisualThemeMessage.patch, vt_bluelight.zip, vt_bluelight.zip > > > Hi all, > we have discussed several times about a new backoffice layout with drop-down menus to have less crowded screens. > I am experimenting some solutions and I would like to show you what I came to in order to discuss about it. > What you can see in the screenshots attached is based on an new visual-theme but also on several changes in the decorators. > The idea is to have a breadcrumbs that is a drop-down menu also. > The leftmost Item is always "Home" and when the user hover on it the applications menu is shown up. > Then the user can select an application and the application name is shown in the second position of the breadcrumbs. > If the user hovers on it the selected application menu is shown and the user can select an option that is shown in third position on breadcrumbs. > The idea is to have the breadcrumbs to incorporate both the applications menu, the single application menu and the tab bars. > At the right ent of the same line of the breadcrumbs (in the white background region) the actual screen name should be visible. > I think that this way of navigating offers to the user a complete view of all applications as a whole. > For the moment I only attach screenshots to this jira because I need to clean my code to make a presentable patch. I just want to hear if you think this is a model that we can go through. If the community agrres on this that I will spend more time to clean the code and submit a patch. -- This message is automatically generated by JIRA. - You can reply to this email to add a comment to the issue online. |
Free forum by Nabble | Edit this page |