| Anonymous | Login | Signup for a new account | 2024-04-23 06:53 CDT | |
| Main | My View | View Issues | Change Log | Roadmap | Docs | Wiki | Repositories |
| View Revisions: Issue #221 | [ All Revisions ] [ Back to Issue ] | ||
| Summary | 0000221: Final Changes in "Browse Modes" | ||
| Revision | 2009-08-12 00:56:33 by Dmitry | ||
| Description | After user comments and detailed review of current Browse Mode we came to conclusion that to change some things in order to improve usability for both In-Portal users and Projects. We'll keep ONLY 3 Modes: 1. Browse Mode - NO any kind of buttons or processing here. It's a plain mode as of we are looking at the site from the Front End. Please remove all buttons including Section Properties. 2. Content Mode - this mode should allow users to Edit Content Blocks + Change Language Translations for Labels. a. Edit buttons should be named "Edit content" and act as they are on current/old Browse Mode. b. "Edit phrase" button (new functionality) on Mouse Over should highlight the translation area with dotted line around (as it works with other edit buttons) + show "Edit phrase" button. If "Edit phrase" is clicked on we'd like to see a Text Input field loaded with current translation of the phrase and change "Edit phrase" to "Save" and "Cancel" buttons. If "Save" is clicked system should save current value in the Input field in the background (using ajax) without reloading the page and change Text Input field back to regular label. If "Cancel" is clicked we simply change Text Input field back to regular label. NOTE: we realize that it's hard to understand whether <inp2:m_Phrase ../> is located inside of the Button or regular link. Perhaps in this case we can skip such labels. Feel free to suggest and implement any other solutions. We initially thought about pop-up Edit Phrase script (in modal window), but Andrew said it's a bit too complicated for the Projects, so we need a simpler way as suggested above. In a perfect world it would priceless if we could have something similar to what you've done for the Price field change in the grid of Products on Advanced view for the other project. 3. Design mode - will contain functionality from current/old Content mode. a. Change "Section Properties" button to "Section Template" with on click opening CodePress editor with entire section template (ie. index.tpl) b. Change all "Edit" buttons to "Edit block" and make them seen (100%) ONLY only on Mouse Over the block. In a perfect world we'd like to have Edit block to load the CodePress editor on the double-click of the area and not only on click on "Edit block" button. c. Add "Edit design" button next to "Edit block" for those blocks that have ability to edit their designs. Basically we are looking to have functionality from current/old Design mode to be moved this new Design mode. Please make it a different color (perhaps light-red or light-blue will change later the color for it). d. Keep the Drag and Drop functionality as is, but change name and behavior of "Save Layout" to "Save changes" (will give it a different from "Section Template" button shortly) and make it show up ONLY when user moves the things using Drag and Drop. Also, show "Cancel" button on any change and make to cancel the last changes (I guess we can simply refresh the same template). ----------- Summary: In result will have 3 modes with Browse and Content available to most of the standard users and Design mode for advanced users that will be working in Advanced Admin Interfaces. |
||
| Revision | 2009-08-12 00:46:05 by Dmitry | ||
| Description | After user comments and detailed review of current Browse Mode we came to conclusion that to change some things in order to improve usability for both In-Portal users and Projects. We'll keep ONLY 3 Modes: 1. Browse Mode - NO any kind of buttons or processing here. It's a plain mode as of we are looking at the site from the Front End. Please remove all buttons including Section Properties. 2. Content Mode - this mode should allow users to Edit Content Blocks + Change Language Translations for Labels. a. Edit buttons should be named "Edit content" and act as they are on current/old Browse Mode. b. "Edit phrase" button (new functionality) on Mouse Over should highlight the translation area with dotted line around (as it works with other edit buttons) + show "Edit phrase" button. If "Edit phrase" is clicked on we'd like to see a Text Input field loaded with current translation of the phrase and change "Edit phrase" to "Save" and "Cancel" buttons. If "Save" is clicked system should save current value in the Input field in the background (using ajax) without reloading the page and change Text Input field back to regular label. If "Cancel" is clicked we simply change Text Input field back to regular label. NOTE: we realize that it's hard to understand whether <inp2:m_Phrase ../> is located inside of the Button or regular link. Perhaps in this case we can skip such labels. Feel free to suggest and implement any other solutions. We initially thought about pop-up Edit Phrase script (in modal window), but Andrew said it's a bit too complicated for the Projects, so we need a simpler way as suggested above. In a perfect world it would priceless if we could have something similar to what you've done for the Price field change in the grid of Products on Advanced view for the other project. 3. Design mode - will contain functionality from current/old Content mode. a. Change "Section Properties" button to "Section Template" with on click opening CodePress editor with entire section template (ie. index.tpl) b. Change all "Edit" buttons to "Edit block" and make them seen (100%) ONLY only on Mouse Over the block. c. Keep the Drag and Drop functionality as is, but change name and behavior of "Save Layout" to "Save changes" (will give it a different from "Section Template" button shortly) and make it show up ONLY when user moves the things using Drag and Drop. Also, show "Cancel" button on any change and make to cancel the last changes (I guess we can simply refresh the same template). ----------- Summary: In result will have 3 modes with Browse and Content available to most of the standard users and Design mode for advanced users that will be working in Advanced Admin Interfaces. |
||
| Main | My View | View Issues | Change Log | Roadmap | Docs | Wiki | Repositories |
Web Development by Intechnic
In-Portal Open Source CMS |
Copyright © 2000 - 2009 MantisBT Group
 |