Last modified by Ecaterina Moraru on 2013/11/13 12:50
From version 2.1
edited by Ecaterina Valica
on 2012/11/08 15:36
Change comment: Upload new image administrationDesktopDetails.png
To version 1.5
edited by Ecaterina Valica
on 2012/11/06 14:25
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -9,142 +9,38 @@
9 9  [Proposal]
10 10  {{/info}}
11 11  
12 -(% class="left column50 dashboardleft" style="width: 48%; min-width: 640px; margin-right: 2%;" %)
12 +(% class="left column40 dashboardleft" style="width: 27%" %)
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/]]).
19 19  
18 +=== Related proposals ===
19 +
20 +
20 20  )))
21 21  
22 -(% class="dashboardright left column50 " style="width:49%" %)
23 +(% class="dashboardright right column60 " style="width: 70%" %)
23 23  (((
24 -
25 25  === Proposal ===
26 26  
27 27  {{toc start='4'/}}
28 28  
29 +==== Overview ====
29 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 132  (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
133 133  (((
134 -[[Login>>Skin4xLogin]]
135 -[[[[image:loginDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xLogin]]
33 +[[[[image:snapshot1.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:snapshot1.png]]
136 136  )))
137 137  
138 138  (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
139 139  (((
140 -[[Homepage>>Skin4xHomepage]]
141 -[[[[image:homepageDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xHomepage]]
38 +[[[[image:snapshot2.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:details2.png]]
142 142  )))
143 143  
144 144  (% class="left column33 dashboardright" style="width: 29%;"%)
145 145  (((
146 -[[Profile>>Skin4xProfile]]
147 -[[[[image:profileDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xProfile]]
43 +[[[[image:snapshot3.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:details3.png]]
148 148  )))
149 149  
150 150  (%class='clearfloats'%)((()))
... ... @@ -151,88 +151,27 @@
151 151  
152 152  (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
153 153  (((
154 -[[Administration>>Skin4xAdministration]]
155 -[[[[image:administrationDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xAdministration]]
50 +[[[[image:snapshot4.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:details4.png]]
156 156  )))
157 157  
158 158  (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
159 159  (((
160 -[[AppWithinMinutes>>Skin4xAppWithinMinutes]]
161 -[[[[image:appWithinMinutesDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xAppWithinMinutes]]
55 +[[[[image:snapshot5.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:details5.png]]
162 162  )))
163 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 170  (%class='clearfloats'%)((()))
171 171  
172 -(% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
60 +(% class=""%)
173 173  (((
174 -[[Document Index>>Skin4xDocumentIndex]]
175 -[[[[image:documentIndexDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xDocumentIndex]]
176 -)))
177 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 -)))
63 +==== //Use Case//: Case ====
183 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 -)))
65 +* Case
189 189  
190 -(%class='clearfloats'%)((()))
67 +{{gallery}}
68 +image:uc1s1.png
69 +{{/gallery}}
191 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 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 216  )))
217 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'%)((()))
administrationDesktopDetails.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.evalica
Size
... ... @@ -1,1 +1,0 @@
1 -667.1 KB
Content