Changes for page UX: Standards

Last modified by Ecaterina Moraru on 2013/11/13 16:30
From version Icon 95.1 Icon
edited by Ecaterina Valica
on 2009/08/03 15:03
Change comment: There is no comment for this version
To version Icon 85.1 Icon
edited by Ecaterina Valica
on 2009/07/30 11:43
Change comment: There is no comment for this version

Summary

Details

Icon Page properties
Content
... ... @@ -1,22 +3,17 @@
1 -{{velocity}}$xwiki.ssx.use("Standards.WebHome"){{/velocity}}
2 -
3 3  {{velocity}}{{html}}#info("This page is a work in progress. Thank you!"){{/html}}{{/velocity}}
2 +(% style="float:left; margin-right: 40px;" %) (((
3 +== CSS Components ==
4 +* [[Action Component>>Standards.CssAction]]
5 +)))
4 4  
5 -(% class="leftMargin" %)
6 -(((== CSS Components ==
7 +(% style="float:left; width: 70%;" %) (((
8 +== Style Standards ==
7 7  
8 -* [[Small Form Component>>Standards.CssFormSmall]])))
9 -
10 -(% class="left column70" %)
11 -(((== Style Standards ==
12 -
13 13  Style Standards provide a consistent User Experience throughout the application and also serve as a guide book for designers:
14 14  
15 15  * Images used
16 16  ** [[Icons>>Standards.Icons]]
17 17  *** [[Display of Action Icons>>Standards.ActionIcons]]
18 -*** [[Usage Study>>Standards.IconsStudy]]
19 -*** [[Delete Icon Usage Study>>Standards.IconsStudyDelete]]
20 20  * [[Buttons>>Standards.Buttons]]
21 21  
22 22  * [[Links>>Standards.Links]]
... ... @@ -26,9 +26,11 @@
26 26  * [[Typography>>Standards.Typography]]
27 27  
28 28  * Types of pages
29 -** Main
30 -** Section Pages
24 + ** Main
25 + ** Section Pages
31 31  * Error messages
32 -** Status bar notification
33 -** Dialog notifications
34 -* Behavior)))
27 + ** Status bar notification
28 + ** Dialog notifications
29 +* Behavior
30 +)))
31 +
Icon XWiki.StyleSheetExtension[3]
Code
... ... @@ -7,6 +7,15 @@
7 7   margin-right: 40px;
8 8  }
9 9  
10 +.right {
11 + float: right;
12 +}
13 +
14 +.rightMargin {
15 + float: right;
16 + margin-left: 40px;
17 +}
18 +
10 10  .column70 {
11 - width: 70%;
20 + width: 70%
12 12  }