User Tools
en:template:choice_input
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision Last revision Both sides next revision | ||
|
en:template:choice_input [2016/08/10 17:14] Nicolas Ronvel |
en:template:choice_input [2017/06/22 10:28] Nicolas Ronvel [Content in options] |
||
|---|---|---|---|
| Line 43: | Line 43: | ||
| You can use specific [[Advanced_String_Variables#dropdown_menu|Advanced Variables]] to access the images of the selected option. | You can use specific [[Advanced_String_Variables#dropdown_menu|Advanced Variables]] to access the images of the selected option. | ||
| + | ===== Content in options ===== | ||
| + | |||
| + | Since the release of the Beta 3, **Content** can be added to an option. For this purpose, add the property ''content'' to an option. The value has to be a portion of canvas code : an path, a textbox, a group of paths, ... | ||
| + | |||
| + | <code javascript> | ||
| + | { "name": "icons", "label": "Icons", "type": "options", "default": "none", "options": | ||
| + | [{ | ||
| + | "option": "none", "text": "None", | ||
| + | "content": [{ "type": "path","path": [] }] | ||
| + | }, { | ||
| + | "option": "alignment-good", "text": "Alignment - Good", | ||
| + | "content": [{ "type": "path", "path": "./js/templates/align-good.svg" }] | ||
| + | }, { | ||
| + | "option": "alignment-neutral", "text": "Alignment - Neutral", | ||
| + | "content": [{ "type": "path", "path": "./js/templates/align-neutral.svg" }] | ||
| + | }, { | ||
| + | "option": "alignment-evil", "text": "Alignment - Evil", | ||
| + | "content": [{ "type": "path", "path": "./js/templates/align-evil.svg" }] | ||
| + | } | ||
| + | }, | ||
| + | </code> | ||
| + | |||
| + | If you have defined a ''content'' property on an option, you can retrieve its content by using the ''£optionsName'' variable : | ||
| + | |||
| + | <code javascript> | ||
| + | { | ||
| + | "type": "path-group", | ||
| + | "id": "icon", | ||
| + | "left": 9, | ||
| + | "top": 7, | ||
| + | "fill": "$color1.hexa$", | ||
| + | "paths": "£icons" | ||
| + | } | ||
| + | </code> | ||
| ===== Sharing Options ===== | ===== Sharing Options ===== | ||
en/template/choice_input.txt · Last modified: 2017/07/19 13:24 by Nicolas Ronvel
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
