Last modified by Ecaterina Moraru on 2013/11/13 12:50
From version 1.5
edited by Ecaterina Valica
on 2012/11/06 14:25
Change comment: There is no comment for this version
To version 1.6
edited by Ecaterina Valica
on 2012/11/08 15:33
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -9,38 +9,142 @@
9 9  [Proposal]
10 10  {{/info}}
11 11  
12 -(% class="left column40 dashboardleft" style="width: 27%" %)
12 +(% class="left column50 dashboardleft" style="width: 48%; min-width: 640px; margin-right: 2%;" %)
13 13  (((
14 14  
15 15  === Objective ===
16 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/]]).
17 17  
18 -=== Related proposals ===
19 -
20 -
21 21  )))
22 22  
23 -(% class="dashboardright right column60 " style="width: 70%" %)
22 +(% class="dashboardright left column50 " style="width:49%" %)
24 24  (((
24 +
25 25  === Proposal ===
26 26  
27 27  {{toc start='4'/}}
28 28  
29 -==== Overview ====
30 30  
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 +
31 31  (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
32 32  (((
33 -[[[[image:snapshot1.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:snapshot1.png]]
134 +[[Login>>Skin4xLogin]]
135 +[[[[image:loginDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xLogin]]
34 34  )))
35 35  
36 36  (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
37 37  (((
38 -[[[[image:snapshot2.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:details2.png]]
140 +[[Homepage>>Skin4xHomepage]]
141 +[[[[image:homepageDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xHomepage]]
39 39  )))
40 40  
41 41  (% class="left column33 dashboardright" style="width: 29%;"%)
42 42  (((
43 -[[[[image:snapshot3.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:details3.png]]
146 +[[Profile>>Skin4xProfile]]
147 +[[[[image:profileDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xProfile]]
44 44  )))
45 45  
46 46  (%class='clearfloats'%)((()))
... ... @@ -47,27 +47,88 @@
47 47  
48 48  (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
49 49  (((
50 -[[[[image:snapshot4.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:details4.png]]
154 +[[Administration>>Skin4xAdministration]]
155 +[[[[image:administrationDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xAdministration]]
51 51  )))
52 52  
53 53  (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
54 54  (((
55 -[[[[image:snapshot5.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:details5.png]]
160 +[[AppWithinMinutes>>Skin4xAppWithinMinutes]]
161 +[[[[image:appWithinMinutesDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xAppWithinMinutes]]
56 56  )))
57 57  
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 +
58 58  (%class='clearfloats'%)((()))
59 59  
60 -(% class=""%)
172 +(% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
61 61  (((
174 +[[Document Index>>Skin4xDocumentIndex]]
175 +[[[[image:documentIndexDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xDocumentIndex]]
176 +)))
62 62  
63 -==== //Use Case//: Case ====
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 +)))
64 64  
65 -* Case
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 +)))
66 66  
67 -{{gallery}}
68 -image:uc1s1.png
69 -{{/gallery}}
190 +(%class='clearfloats'%)((()))
70 70  
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 +
71 71  (%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]]
72 72  )))
73 73  
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'%)((()))