Inject Style

• Core
  • Overview
  • API
  • Creating a task
  • Playground
• Tasks
  • Time sensitive
  • Questionnaire
  • Allow Leaving
  • Inject Style
  • Is Touch
  • Messages
  • Post
  • Post CSV
  • Redirect
  • Set Value
  • Yes/No
• Examples
  • Weight experiment
  • Displaying Video

The injectStyle task allows you to change the style of Minno throught a study. The style of web pages is determined by their CSS. injectStyle allows you to add any CSS that you like into your study.

{
    type:'injectStyle',
    css: '[piq-page] .page-buttons .page-submit {background-color:#d9534f; border:#d43f3a}'
}

If you have a lot of CSS that you want to add, it makes sense to break the string down as follows:

{
    type:'injectStyle',
    css: [
        '[piq-page] .page-buttons .page-submit {background-color:#d9534f; border:#d43f3a}',
        '[piq-page] .page-buttons .page-decline {background-color:#5cb85c; border:#4cae4c}'
    ].join('\n')
}