Wiki source code of Skin 4.x Proposal

Version 7.2 by Ecaterina Valica on 2012/11/08 16:09
Show last authors
1 {{velocity}}
2 $xwiki.ssx.use("Improvements.WebHome")
3 $xwiki.ssx.use("Standards.WebHome")
4 {{/velocity}}
5
6 == Community Feedback ==
7
8 {{info}}
9 [Proposal]
10 {{/info}}
11
12 (% class="left column50 dashboardleft" style="width: 48%; min-width: 640px; margin-right: 2%;" %)
13 (((
14
15 === Objective ===
16
17 This proposal is focused on presenting ideas for a new XWiki skin.
18 The skin is focused on the usage of applications and also proposes some changes on menu structure, panels listing per application, some applications are restyled or improved; all these changes being done on a responsive layout (based on [[Bootstrap>>http://twitter.github.com/bootstrap/]]).
19
20 )))
21
22 (% class="dashboardright left column50 " style="width:49%" %)
23 (((
24
25 === Proposal ===
26
27 {{toc start='4'/}}
28
29
30 )))
31
32 (%class='clearfloats'%)((()))
33
34 (% class="left column50 dashboardleft" style="width: 48%; min-width: 640px; margin-right: 2%;" %)
35 (((
36
37 (% class=""%)
38 (((
39
40 ==== Annotations Overview ====
41
42 {{gallery}}
43 image:loginDesktopSnapshotAnnotations.png
44 image:loginDesktopDetails.png
45 image:homepageDesktopSnapshot.png
46 image:homepageDesktopSnapshotAnnotationsOverview.png
47 image:homepageDesktopSnapshotAnnotationsMenu1.png
48 image:homepageDesktopSnapshotAnnotationsMenu2.png
49 image:homepageDesktopSnapshotAnnotationsMenu3.png
50 image:homepageDesktopSnapshotAnnotationsMenu4.png
51 image:homepageDesktopSnapshotAnnotationsMenu5.png
52 image:homepageDesktopSnapshotAnnotationsMenu6.png
53 image:homepageDesktopSnapshotAnnotationsMenu7.png
54 image:profileDesktopSnapshot.png
55 image:profileDesktopSnapshotAnnotations.png
56 image:profileDesktopSnapshotAnnotationsPanels.png
57 image:profileDesktopSnapshotAnnotationsPanels1.png
58 image:profileDesktopSnapshotAnnotationsPanels2.png
59 image:profileDesktopSnapshotAnnotationsAppBar.png
60 image:administrationDesktopSnapshot.png
61 image:administrationDesktopSnapshotAnnotations.png
62 image:appWithinMinutesDesktopSnapshot.png
63 image:appWithinMinutesDesktopSnapshotAnnotations.png
64 image:userDirectoryDesktopSnapshot.png
65 image:userDirectoryDesktopSnapshotAnnotations.png
66 image:documentIndexDesktopSnapshot.png
67 image:documentIndexDesktopSnapshotAnnotations.png
68 image:dashboardDesktopSnapshot.png
69 image:dashboardDesktopSnapshotAnnotations.png
70 image:dashboardDesktopSnapshotAnnotationsStandard.png
71 image:blogDesktopSnapshot.png
72 image:blogDesktopSnapshotAnnotations.png
73 image:helpDesktopSnapshot.png
74 image:helpDesktopSnapshotAnnotations.png
75 image:pageExample2DesktopSnapshot.png
76 image:pageExample3DesktopSnapshotComments.png
77 image:pageExample3DesktopSnapshotCommentsAnnotations.png
78 image:pageExample3DesktopSnapshotAttachments.png
79 image:pageExample3DesktopSnapshotAttachmentsAnnotations.png
80 image:pageExample1DesktopSnapshot.png
81 image:editDesktopSnapshot.png
82 image:editDesktopSnapshotAnnotations.png
83 image:commentsDesktopSnapshot.png
84 image:attachmentsDesktopSnapshot.png
85 image:historyDesktopSnapshot.png
86 image:Skin4xMenus@menusDetails.png
87 image:Skin4xMenus@menusSnapshotActivators.png
88 image:Skin4xMenus@menusAppBarAnnotations.png
89 image:Skin4xMenus@menusMenuAnnotations.png
90 image:Skin4xMenus@dashboardPhoneLandscapeMenu.png
91 image:Skin4xMenus@dashboardPhonePortraitMenu.png
92 {{/gallery}}
93
94 (%class='clearfloats'%)((()))
95 )))
96
97 (% class=""%)
98 (((
99
100 ==== Simple Overview ====
101
102 {{gallery}}
103 image:loginDesktopDetails.png
104 image:homepageDesktopSnapshot.png
105 image:profileDesktopSnapshot.png
106 image:administrationDesktopSnapshot.png
107 image:appWithinMinutesDesktopSnapshot.png
108 image:userDirectoryDesktopSnapshot.png
109 image:documentIndexDesktopSnapshot.png
110 image:dashboardDesktopSnapshot.png
111 image:blogDesktopSnapshot.png
112 image:helpDesktopSnapshot.png
113 image:pageExample1DesktopSnapshot.png
114 image:editDesktopSnapshot.png
115 image:commentsDesktopSnapshot.png
116 image:attachmentsDesktopSnapshot.png
117 image:historyDesktopSnapshot.png
118 image:Skin4xMenus@dashboardPhoneLandscapeMenu.png
119 image:Skin4xMenus@dashboardPhonePortraitMenu.png
120 {{/gallery}}
121
122 (%class='clearfloats'%)((()))
123 )))
124
125 )))
126
127 (% class="dashboardright left column50 " style="width:49%" %)
128 (((
129
130 ==== Components ====
131
132 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
133 (((
134 [[Login>>Skin4xLogin]]
135 [[[[image:loginDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xLogin]]
136 )))
137
138 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
139 (((
140 [[Homepage>>Skin4xHomepage]]
141 [[[[image:homepageDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xHomepage]]
142 )))
143
144 (% class="left column33 dashboardright" style="width: 29%;"%)
145 (((
146 [[Profile>>Skin4xProfile]]
147 [[[[image:profileDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xProfile]]
148 )))
149
150 (%class='clearfloats'%)((()))
151
152 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
153 (((
154 [[Administration>>Skin4xAdministration]]
155 [[[[image:administrationDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xAdministration]]
156 )))
157
158 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
159 (((
160 [[AppWithinMinutes>>Skin4xAppWithinMinutes]]
161 [[[[image:appWithinMinutesDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xAppWithinMinutes]]
162 )))
163
164 (% class="left column33 dashboardright" style="width: 29%;"%)
165 (((
166 [[User Directory>>Skin4xUserDirectory]]
167 [[[[image:userDirectoryDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xUserDirectory]]
168 )))
169
170 (%class='clearfloats'%)((()))
171
172 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
173 (((
174 [[Document Index>>Skin4xDocumentIndex]]
175 [[[[image:documentIndexDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xDocumentIndex]]
176 )))
177
178 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
179 (((
180 [[Dashboard>>Skin4xDashboard]]
181 [[[[image:dashboardDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xDashboard]]
182 )))
183
184 (% class="left column33 dashboardright" style="width: 29%;"%)
185 (((
186 [[Blog>>Skin4xBlog]]
187 [[[[image:blogDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xBlog]]
188 )))
189
190 (%class='clearfloats'%)((()))
191
192 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
193 (((
194 [[Help Center>>HelpCenter]] ([[v2>>attach:helpDesktopDetails.png]])
195 [[[[image:helpDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>HelpCenter]]
196 )))
197
198 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
199 (((
200 [[Page View>>Skin4xPageView]]
201 [[[[image:pageExample1DesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xPageView]]
202 )))
203
204 (% class="left column33 dashboardleft" style="width: 29%;" %)
205 (((
206 [[Page Edit>>CollaborativeEditing]] ([[v2>>attach:editDesktopDetails.png]])
207 [[[[image:editDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>CollaborativeEditing]]
208 )))
209
210 (%class='clearfloats'%)((()))
211
212 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
213 (((
214 [[Page Comments>>Skin4xPageComments]]
215 [[[[image:commentsDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xPageComments]]
216 )))
217
218 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
219 (((
220 [[Page Attachments>>Skin4xPageAttachments]]
221 [[[[image:attachmentsDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xPageAttachments]]
222 )))
223
224 (% class="left column33 dashboardright" style="width: 29%;"%)
225 (((
226 [[Page History>>Skin4xPageHistory]]
227 [[[[image:historyDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xPageHistory]]
228 )))
229
230 (%class='clearfloats'%)((()))
231
232 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
233 (((
234 [[Menus>>Skin4xMenus]]
235 [[[[image:menusSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xMenus]]
236 )))
237
238 (%class='clearfloats'%)((()))