Wiki source code of Skin 4.x Proposal

Version 7.2 by Ecaterina Valica on 2012/11/08 16:09
Hide last authors
Ecaterina Valica 1.2 1 {{velocity}}
2 $xwiki.ssx.use("Improvements.WebHome")
3 $xwiki.ssx.use("Standards.WebHome")
4 {{/velocity}}
5
6 == Community Feedback ==
7
8 {{info}}
Ecaterina Valica 1.4 9 [Proposal]
Ecaterina Valica 1.2 10 {{/info}}
11
Ecaterina Valica 1.6 12 (% class="left column50 dashboardleft" style="width: 48%; min-width: 640px; margin-right: 2%;" %)
Ecaterina Valica 1.2 13 (((
14
15 === Objective ===
16
Ecaterina Valica 1.6 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/]]).
Ecaterina Valica 1.2 19
20 )))
21
Ecaterina Valica 1.6 22 (% class="dashboardright left column50 " style="width:49%" %)
Ecaterina Valica 1.2 23 (((
Ecaterina Valica 1.6 24
Ecaterina Valica 1.2 25 === Proposal ===
26
27 {{toc start='4'/}}
28
29
Ecaterina Valica 1.6 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
Ecaterina Valica 1.2 132 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
133 (((
Ecaterina Valica 1.6 134 [[Login>>Skin4xLogin]]
135 [[[[image:loginDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xLogin]]
Ecaterina Valica 1.2 136 )))
137
138 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
139 (((
Ecaterina Valica 1.6 140 [[Homepage>>Skin4xHomepage]]
141 [[[[image:homepageDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xHomepage]]
Ecaterina Valica 1.2 142 )))
143
144 (% class="left column33 dashboardright" style="width: 29%;"%)
145 (((
Ecaterina Valica 1.6 146 [[Profile>>Skin4xProfile]]
147 [[[[image:profileDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xProfile]]
Ecaterina Valica 1.2 148 )))
149
150 (%class='clearfloats'%)((()))
151
152 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
153 (((
Ecaterina Valica 1.6 154 [[Administration>>Skin4xAdministration]]
155 [[[[image:administrationDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xAdministration]]
Ecaterina Valica 1.2 156 )))
157
158 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
159 (((
Ecaterina Valica 1.6 160 [[AppWithinMinutes>>Skin4xAppWithinMinutes]]
161 [[[[image:appWithinMinutesDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xAppWithinMinutes]]
Ecaterina Valica 1.2 162 )))
163
Ecaterina Valica 1.6 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
Ecaterina Valica 1.2 170 (%class='clearfloats'%)((()))
171
Ecaterina Valica 1.6 172 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
Ecaterina Valica 1.2 173 (((
Ecaterina Valica 1.6 174 [[Document Index>>Skin4xDocumentIndex]]
175 [[[[image:documentIndexDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xDocumentIndex]]
176 )))
Ecaterina Valica 1.2 177
Ecaterina Valica 1.6 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 )))
Ecaterina Valica 1.2 183
Ecaterina Valica 1.6 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 )))
Ecaterina Valica 1.2 189
Ecaterina Valica 1.6 190 (%class='clearfloats'%)((()))
Ecaterina Valica 1.2 191
Ecaterina Valica 1.6 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
Ecaterina Valica 1.2 210 (%class='clearfloats'%)((()))
Ecaterina Valica 1.6 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]]
Ecaterina Valica 1.2 216 )))
217
Ecaterina Valica 1.6 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'%)((()))