Wiki source code of Buttons Standards

Last modified by Vincent Massol on 2024/02/26 17:57

Show last authors
1 {{velocity}}$xwiki.ssx.use("Standards.Buttons"){{/velocity}}
2
3 {{info}}Discussed:
4 1) Primary/Secondary Buttons: http://xwiki.markmail.org/thread/4teq6ufymfhwan57
5 2) Edit Buttons Order: http://xwiki.markmail.org/thread/sght74ae7d2j4uvc {{/info}}
6
7 = Style Standards for Buttons =
8 * XWiki Button Types
9 ** [[Primary action>>#primary]]
10 ** [[Secondary action>>#secondary]]
11 ** [[Common action>>#common]]
12 * [[Buttons Order>>#order]] (Primary / Secondary)
13 ===== Other =====
14 * [[HTML / CSS Recommendations>>ButtonsRecommendations]]
15
16 = XWiki Buttons Types (Primary / Secondary / Common)=
17
18 {{velocity}}{{html}}
19 <input type="button" class="button" value="Login"/>
20 <input type="button" class="secondaryButton" value="Cancel"/>
21 {{/html}}{{/velocity}}
22
23 {{velocity}}{{html}}
24 <input type="button" class="button" value="Login"/>
25 <input class="button" type="submit" value="Cancel"/>
26 {{/html}}{{/velocity}}
27
28 === (% id="primary" %)Primary action (%%)===
29 {{velocity}}{{html}}
30 <input type="button" class="button" value="Login"/>
31 {{/html}}{{/velocity}}
32
33 === (% id="secondary" %)Secondary Action(%%) ===
34 {{velocity}}{{html}}
35 <input type="button" class="secondaryButton" value="Cancel"/>
36 {{/html}}{{/velocity}}
37
38 === (% id="common" %)Common Actions (%%)===
39 {{velocity}}{{html}}
40 <input class="button" type="submit" value="Login"/>
41 {{/html}}{{/velocity}}
42
43 =(% id="order" %)Buttons Order(%%)=
44 Primary - Secondary
45 {{velocity}}{{html}}
46 <input type="button" class="button" value="Login"/>
47 <input type="button" class="secondaryButton" value="Cancel"/>
48 {{/html}}{{/velocity}}
49
50 More information about [[Primary-Secondary actions>>http://www.lukew.com/resources/articles/psactions.asp]]
51
52 = Buttons Analysis =
53
54 [[image:formsactions.gif]]

Get Connected