The widget can take values from different places defined normally through the Pickzen editor:
First of all, we have to differentiate between editor params and props. Params are equivalent to CSS values while props are any other value: texts, numbers, booleans, etc.
Global params are defined in quizModel.cfg.meta.skinParams
Global props are defined in quizModel.cfg.meta
Besides global params and props, we can have contextual params and props by slide. Contextual values will take precedence over global ones.
Contextual params are defined in quizModel.slides.slide[n].ds.params
Contextual props are defined in quizModel.slides.slide[n].ds.properties
An reference like:
will be tried to resolve as a contextual prop, and if it is not defined, it will be tried to resolve as a global prop.
In the same way, a value like:
will be tried to resolve as a contextual param, and if it is not defined, it will be tried to resolve as a global param.
The definition of all possible configuration settings is established in the skin.settingsDef. The Pickzen editor will take all the information contained there and will render all configuration settings in the editor:
If we need to add a new configuration setting we only need to define it in skin.settingsDef.