Wiki source code of Skin 4.x Proposal
Version 5.1 by Ecaterina Valica on 2012/11/08 15:40
Show last authors
author | version | line-number | content |
---|---|---|---|
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'%)((())) |