Wiki source code of Buttons Standards
Last modified by Vincent Massol on 2024/02/26 17:57
Show last authors
author | version | line-number | content |
---|---|---|---|
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]] |