This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
en:template:choice_input [2017/06/19 15:55] Nicolas Ronvel [Images in options] |
en:template:choice_input [2017/07/19 13:24] Nicolas Ronvel [Sharing Options] |
||
---|---|---|---|
Line 65: | Line 65: | ||
</code> | </code> | ||
- | If you have defined a ''content'' property on an option, you can retrieve its content by using the ''$optionsName'' variable : | + | If you have defined a ''content'' property on an option, you can retrieve its content by using the ''£optionsName'' variable : |
<code javascript> | <code javascript> | ||
Line 74: | Line 74: | ||
"top": 7, | "top": 7, | ||
"fill": "$color1.hexa$", | "fill": "$color1.hexa$", | ||
- | "paths": "$icons" | + | "paths": "£icons" |
} | } | ||
</code> | </code> | ||
Line 128: | Line 128: | ||
This is much simpler, easier to update (just change one option), and it will result in lighter template (a little bit). | This is much simpler, easier to update (just change one option), and it will result in lighter template (a little bit). | ||
+ | |||
+ | ==== Filtering the options ==== | ||
+ | |||
+ | Maybe you don't want all the options on one particular field ? Well, it's possible. For this instance, the ''sharedOptions'' property in the field will be an object with a key and the list of displayed options for this field. It will use a filtered version of the complete list from the sharedOptions : | ||
+ | |||
+ | <code javascript> | ||
+ | "fields": [ | ||
+ | { | ||
+ | "name": "ability1", "label": "Ability 1", "type": "options", "default": "d6", "sharedOptions" : "diceOptions" | ||
+ | }, | ||
+ | { | ||
+ | "name": "ability2", "label": "Ability 2", "type": "options", "default": "d6", | ||
+ | "sharedOptions" : | ||
+ | { | ||
+ | "key": "diceOptions", | ||
+ | "options": [ "d6", "d8", "d10" ] | ||
+ | } | ||
+ | } | ||
+ | </code> | ||
+ | |||
+ | In this example, the "Ability 2" only provides three options : d6, d8 and d10. Those three options are specified in the ''options'' array, using the value of the option (''option'' property). The referenced sharedOption is found via the ''key'' property. |