Skip to Content

Changes for page Action Menu Proposal 2

Last modified by Ecaterina Moraru on 2018/09/26 16:02
From version 8.4
edited by Ecaterina Valica
on 2010/07/01 17:25
Change comment: There is no comment for this version
To version 13.7
edited by Ecaterina Valica
on 2011/09/08 18:33
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,67 +1,70 @@
1 +{{info}}
2 +{{jiraIssues}}
3 +XSCOLIBRI-221
4 +{{/jiraIssues}}
5 +{{/info}}
1 1  
7 += Action Menu Proposal 2 =
8 +
9 +{{toc/}}
10 +
11 +[[Partial Prototype>>http://incubator.myxwiki.org/xwiki/bin/view/Skins/SkinMenu]]
12 +
2 2  == Screenshots ==
3 3  
15 +=== Guest / View mode ===
16 +
17 +[[[[image:guest.png||width="900"]]>>http://incubator.myxwiki.org/xwiki/bin/download/Improvements/ActionMenuProposal2/guest.png]]
18 +
19 +=== Logged / View mode ===
20 +
21 +==== General View ====
4 4  [[[[image:general.png||width="900"]]>>http://incubator.myxwiki.org/xwiki/bin/download/Improvements/ActionMenuProposal2/general.png]]
5 5  
24 +==== Add menu ====
6 6  [[[[image:add.png||width="900"]]>>http://incubator.myxwiki.org/xwiki/bin/download/Improvements/ActionMenuProposal2/add.png]]
7 7  
27 +==== Wiki menu ====
8 8  [[[[image:wiki.png||width="900"]]>>http://incubator.myxwiki.org/xwiki/bin/download/Improvements/ActionMenuProposal2/wiki.png]]
9 9  
30 +==== Space menu ====
10 10  [[[[image:space.png||width="900"]]>>http://incubator.myxwiki.org/xwiki/bin/download/Improvements/ActionMenuProposal2/space.png]]
11 11  
33 +==== Page menu ====
12 12  [[[[image:page.png||width="900"]]>>http://incubator.myxwiki.org/xwiki/bin/download/Improvements/ActionMenuProposal2/page.png]]
13 13  
36 +==== Profile menu ====
37 +[[[[image:profile.png||width="900"]]>>http://incubator.myxwiki.org/xwiki/bin/download/Improvements/ActionMenuProposal2/profile.png]]
14 14  
39 +==== Edit menu ====
40 +[[[[image:edit.png||width="900"]]>>http://incubator.myxwiki.org/xwiki/bin/download/Improvements/ActionMenuProposal2/edit.png]]
41 +
42 +==== Export menu ====
43 +[[[[image:export.png||width="900"]]>>http://incubator.myxwiki.org/xwiki/bin/download/Improvements/ActionMenuProposal2/export.png]]
44 +
45 +==== More actions menu ====
15 15  [[[[image:moreActions.png||width="900"]]>>http://incubator.myxwiki.org/xwiki/bin/download/Improvements/ActionMenuProposal2/moreActions.png]]
16 16  
17 -== Changes ==
18 -* Position changed for items:
48 +=== Logged / Edit mode ===
49 +
50 +[[[[image:editMode.png||width="900"]]>>http://incubator.myxwiki.org/xwiki/bin/download/Improvements/ActionMenuProposal2/editMode.png]]
51 +
52 +== Changes / Additions / Possible Additions ==
53 +* **Position changed for items**:
19 19  ** Add menu: "Space"; "Page"; "Page from Office" (+ renaming)
20 20  ** Page menu: "Watch page"; "Access Rights"; "Copy"; "Rename"; "Delete"
21 21  
22 -== Additions ==
23 -* Items added to menu:
57 +* **Items added to menu**:
24 24  ** Separators for Add, Space, Page, Edit menus
25 25  ** Add menu: "Page from Template"; "Comment to Page"; "Attachment to Page"
26 26  ** Space menu: "Delete"
27 27  ** Help entry
28 28  
29 -== Possible Additions ==
30 -* Possible item additions if we find them relevant:
63 +* **Possible item additions if we find them relevant**:
31 31  ** Wiki/Space menu: "Document Index"; "Dashboard"
32 32  [[[[image:addition1.png]]>>http://incubator.myxwiki.org/xwiki/bin/download/Improvements/ActionMenuProposal2/addition1.png]]
33 33  ** More actions menu: "Send by mail"
34 34  [[[[image:addition2.png]]>>http://incubator.myxwiki.org/xwiki/bin/download/Improvements/ActionMenuProposal2/addition2.png]]
35 35  
36 -== Improvements ==
69 +{{include document="Improvements.ActionMenuProposal2Improvements"/}}
37 37  
38 -* **New "Add" menu**
39 -** //Reason//: new people arriving want to create stuff (the create options are less visible in their current position)
40 -** //Solution//: have a general "Add" menu
41 -
42 -* **Wiki/Space/Page separation**
43 -** //Reason//: have a complete hierarchy of page location and actions
44 -** //Solution//: Adding a visual sign between wiki|space in the global menu to imply hierarchy
45 -** //Consequence//: Current action menus separation: (Wiki/Space/Page | User | Content) actions
46 -
47 -* **New "Delete" Space entry
48 -** //Status//: already [[discussed>>http://markmail.org/thread/o7pvzci3lyfdvs6h]]
49 -** //Solution//: added under Space menu entry (can be extended to include also Rename, etc.)
50 -** //Consequence//: Page delete action should be near / similar (moved also with "Copy" and "Rename")
51 -
52 -* **Better Wiki/Space naming representation**
53 -** //Problem//: database naming of Wiki/Space menus are really difficult to understand for a new user or to document
54 -** //Solution//: WIKI: Wikiname, explicitly state the representation type of the name
55 -
56 -* **Uppercase usage**
57 -** //Reason//: "MySuperSpace" looks like "MYSPECIALSPACE"
58 -** //Solution//: WIKI: Wikiname (have user entered data unaltered, like space/page names, user names) and use uppercase only for top menu entries
59 -** //Limitations//: Colibri skin uses uppercase for form labels, panel titles, buttons, action menu; so we use uppercase for separation or to put emphasis on functionality. Thus, uppercase can't be totally removed from action menus, but we could adjust it to be used just for labeling and separation of menu items
60 -
61 -* **"Type: Name" pattern**
62 -** //Usage//:
63 -*** "Wiki: xwiki"; "Space: Main"; "Page: WebHome"
64 -*** "Profile: Administrator"
65 -*** "Edit: Wiki"; "Editing: WebHome"
66 -
67 -
edit.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +23.7 KB
Content
editMode.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +7.6 KB
Content
export.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +24.0 KB
Content
guest.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +15.7 KB
Content
moreActions.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +22.7 KB
Content
profile.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +23.1 KB
Content
AnnotationCode.AnnotationClass[0]
Annotation
... ... @@ -1,0 +1,1 @@
1 +This won't be like the green //Start// button from WinXP which cannot be changed and re-styled right? :)
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.Marta
Date
... ... @@ -1,0 +1,1 @@
1 +2010-07-01 16:45:05.0
Selection
... ... @@ -1,0 +1,1 @@
1 +Add menu
State
... ... @@ -1,0 +1,1 @@
1 +SAFE
Target
... ... @@ -1,0 +1,1 @@
1 +Improvements.ActionMenuProposal2
XWiki.XWikiComments[0]
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Comment
... ... @@ -1,0 +1,10 @@
1 +There is a problem with annotations.
2 +Marta said: "This won't be like the green Start button from WinXP which cannot be changed and re-styled right? :)"
3 +
4 +We should be able to style it, but for that we should add some more params in the Color Themes for it :)
5 +
6 +Another idea I had was to use some gradient on it, using the same menuBackgroundColor, but has limited support. Also the first version had some round corners :) just like WinXP, but that didn't match Colibri's style.
7 +
8 +The idea is that we have to give it contrast from the Wiki/Space/Page breadcrumb, in order to separated them (this is also done by spacing) ... but also to attract the eyes on it. (If we think this is only for beginners we could make it green only on first usages [like a tutorial something], and then blend it more with the style)
9 +
10 +Open for suggestions. Thanks Marta for comment
Date
... ... @@ -1,0 +1,1 @@
1 +2010-07-02 09:13:08.0
XWiki.XWikiComments[1]
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.Marta
Comment
... ... @@ -1,0 +1,4 @@
1 +Yes, I totally agree with having some contrast, and I like the way it looks - big and green - on the default color theme. I'm just not sure it will have the same effect everywhere.
2 +One trick we did for the Blog date box was to use the text color defined in the color theme as background color for the box, and the page background color defined in the theme as text color in the box. It was not semantic nor clean, but at that time it ensured both consistency and contrast.
3 +The right solution is indeed to add a few more colors to the color theme.
4 +Anyway, the //Add// button is a cool improvement and should be integrated, regardless of these styling details.
Date
... ... @@ -1,0 +1,1 @@
1 +2010-07-02 09:41:11.0
Reply To
... ... @@ -1,0 +1,1 @@
1 +0
XWiki.XWikiComments[2]
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Comment
... ... @@ -1,0 +1,1 @@
1 +Instead of green we should use $theme.buttonPrimaryBackgroundColor and make the "Add" menu consistent with the buttons colors
Date
... ... @@ -1,0 +1,1 @@
1 +2010-07-23 15:46:13.0