Show last authors
1 (% class="row" %)
2 (((
3 (% class="col-xs-12" %)
4 (((
5 == Before ==
6 )))
7 (% class="col-xs-6" %)
8 (((
9 [[{{image reference="[email protected]" width="100%"/}}>>attach:before.png]]
10 )))
11 (% class="col-xs-6" %)
12 (((
13 **Purpose**: Removing global menu from UI means finding a new place to display Add action for wikis and pages.
14 )))
15 )))
16
17 (% class="row" %)
18 (((
19 (% class="col-xs-12" %)
20 (((
21 == Iteration 1 ==
22 )))
23 (% class="col-xs-12" %)
24 (((
25 The first iteration of Menus was part of the [[Macaw Skin>>Proposal.MacawSkin]] proposal.
26
27 )))
28 (% class="col-xs-6" %)
29 (((
30 View Mode
31 [[{{image reference="contentDesktop.png" width="100%"/}}>>attach:contentDesktop.png]]
32 )))
33 (% class="col-xs-6" %)
34 (((
35 )))
36 )))
37
38 (% class="row" %)
39 (((
40 (% class="col-xs-12" %)
41 (((
42 == Iteration 2 ==
43
44 {{toc start='3'/}}
45 )))
46 )))
47
48 (% class="row" %)
49 (((
50 (% class="col-xs-12" %)
51 (((
52 === Alternatives: Options ===
53 )))
54 )))
55
56 (% class="row" %)
57 (((
58 (% class="col-xs-6" %)
59 (((
60 [[{{image reference="AddOptions.png" width="100%"/}}>>attach:AddOptions.png]]
61 )))
62 (% class="col-xs-6" %)
63 (((
64 * A:
65 ** Just one button - that add the default type: page / child
66 ** Wiki creation would be transferred to Drawer
67 ** {{info}}Recommended{{/info}}
68 * B:
69 ** There is no need to display the option if there is only one type
70 * C:
71 ** If we remove the Space notion, we could have just Page and Wiki. Wiki option could be moved to Drawer and Wiki Index since it's an action done by Administrators and doesn't happen very often
72 * D:
73 ** We could offer the ability to create page objects or page templates in the Add menu. We used to have this kind of menu in Colibri. It was rarely used.
74 * E:
75 ** In the future some applications might want to extend the Add button by providing specialized entities.
76 )))
77 )))
78
79 (% class="row" %)
80 (((
81 (% class="col-xs-12" %)
82 (((
83 === Alternatives: Position ===
84 )))
85 )))
86
87 (% class="row" %)
88 (((
89 (% class="col-xs-4" %)
90 (((
91 [[{{image reference="AddInsideMenu.png" width="100%"/}}>>attach:AddInsideMenu.png]]
92 )))
93 (% class="col-xs-8" %)
94 (((
95 P1: Inside content menu ([[preview>>attach:[email protected]]])
96 (%class="table"%)
97 |(%width='50%'%){{success}}Pros{{/success}} All actions displayed inside a single menu|{{error}}Cons{{/error}} Common actions are a click behind
98 )))
99 )))
100
101 (% class="row" %)
102 (((
103 (% class="col-xs-4" %)
104 (((
105 [[{{image reference="AddButton.png" width="100%"/}}>>attach:AddButton.png]]
106 )))
107 (% class="col-xs-8" %)
108 (((
109 P2: As text-buttons inside content area ([[preview>>attach:[email protected]]])
110 (%class="table"%)
111 |(%width='50%'%){{success}}Pros{{/success}} Common action (Edit, Add) displayed using textual button|
112 )))
113 )))
114
115 (% class="row" %)
116 (((
117 (% class="col-xs-4" %)
118 (((
119 [[{{image reference="AddIcon.png" width="100%"/}}>>attach:AddIcon.png]]
120 )))
121 (% class="col-xs-8" %)
122 (((
123 P3: As icon-buttons inside content area
124 |(%width='50%'%){{success}}Pros{{/success}} Common action (Edit, Add) displayed using icon button|{{error}}Cons{{/error}} Even though icons are more cryptic, 'pencil' and 'plus' icons are pattern commonly used for 'edit' and 'add'
125 |{{info}}Recommended{{/info}}|
126 )))
127 )))
128
129 (% class="row" %)
130 (((
131 (% class="col-xs-4" %)
132 (((
133 [[{{image reference="AddTop.png" width="100%"/}}>>attach:AddTop.png]]
134 )))
135 (% class="col-xs-8" %)
136 (((
137 P4: Inside global menu
138 |(%width='50%'%){{success}}Pros{{/success}} Can support multiple types of entities (page, wiki)|{{error}}Cons{{/error}} We now have a limited number of options to display: wiki creation can be ported to Drawer instead
139 ||
140 )))
141 )))
142
143 (% class="row" %)
144 (((
145 (% class="col-xs-4" %)
146 (((
147 [[{{image reference="AddFloating.png" width="100%"/}}>>attach:AddFloating.png]]
148 )))
149 (% class="col-xs-8" %)
150 (((
151 P5: As floating action button (Macaw style) ([[preview>>attach:[email protected]]])
152 |(%width='50%'%){{success}}Pros{{/success}} Only one primary action displayed|{{error}}Cons{{/error}} It would limit the ability to create entities only on WebHomes. With the Nested Documents changes, the line between WebHomes and normal pages will be blurred. Thus it will be harder to asses what the main action is: 'Edit' or 'Add'.
153 ||
154 )))
155 )))
156
157 (% class="row" %)
158 (((
159 (% class="col-xs-4" %)
160 (((
161 [[{{image reference="AddBreadcrumb.png" width="100%"/}}>>attach:AddBreadcrumb.png]]
162 )))
163 (% class="col-xs-8" %)
164 (((
165 P6: As breadcrumb action
166 |(%width='50%'%)|{{error}}Cons{{/error}} Suggests that only one type of entities can be created: child pages.
167 ||
168 )))
169 )))
170
171 (% class="row" %)
172 (((
173 (% class="col-xs-12" %)
174 (((
175 === Alternatives: Type ===
176 )))
177 )))
178
179 (% class="row" %)
180 (((
181 (% class="col-xs-4" %)
182 (((
183 [[{{image reference="AddTypeMenu.png" width="100%"/}}>>attach:AddTypeMenu.png]]
184 )))
185 (% class="col-xs-8" %)
186 (((
187 T1: Menu
188 |(%width='50%'%){{success}}Pros{{/success}} Keeps context for experimental add action|{{error}}Cons{{/error}} Not extensible
189 ||
190 )))
191 )))
192
193 (% class="row" %)
194 (((
195 (% class="col-xs-4" %)
196 (((
197 [[{{image reference="AddTypeOverlay.png" width="100%"/}}>>attach:AddTypeOverlay.png]]
198 )))
199 (% class="col-xs-8" %)
200 (((
201 T2: Overlay
202 |(%width='50%'%){{success}}Pros{{/success}} Keeps context and allows additional customization of entity presentation|{{error}}Cons{{/error}} Limited extensibility
203 ||{{error}}Cons{{/error}} Needs another step to define the page details
204 ||
205 )))
206 )))
207
208 (% class="row" %)
209 (((
210 (% class="col-xs-4" %)
211 (((
212 [[{{image reference="AddTypePage.png" width="100%"/}}>>attach:AddTypePage.png]]
213 )))
214 (% class="col-xs-8" %)
215 (((
216 T3: Create Step ([[preview>>attach:[email protected]]])
217 |(%width='50%'%){{success}}Pros{{/success}} Extensible|{{error}}Cons{{/error}} Needs to reload another page in order to show the options
218 |{{info}}Recommended{{/info}} |
219 )))
220 )))

Get Connected