Wiki source code of Buttons Standards
Last modified by Vincent Massol on 2024/11/19 16:15
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]] |
