how to change the size of the "Continue" button when using plugin of jsPsychSurveyLikert or jsPsychSurvey

[xin2015pku]

Hello,

JsPsych is so helpful ! I am using it for creating survey with plugin of jsPsychSurveyLikert or jsPsychSurvey. I found it difficult for my participants find it hard to click the "Continue" button when the survey is shown on their phone.

The obstacle is that, the height of the "Continue" button is a bit small and the button is a bit too close to the bottom edge when the survey is shown on the phone. But it's fine and that is not a problem when the survey is shown on computer.

Therefore, I want to ask for help, How I can change the css for "continue" botton larger in height? so that the "Continue" button would be easier to click it on phone.

thanks so much for any reply!

[xin2015pku]

I have found out the answer about how to change the style of botton for the survey plugin of version 7.1 JsPsych. I post it here. May someone who have the same question could benefit.

The default style for plugins like html-button-response have already set quite well, but the defalut one for plugins survey is differently set. The size of button and words is rather small. The simplest way to change is to uncomment line 62616-62632 in the "plugin-survey.js" file (lines neraby "this.survey.css="). Then the style of the plugin-survey would become the same appearance as the other plugins with button response like plugin-survey-likert.

Generally, If we still want the change the default style appearance, we can goto the jspsych.css, then change the parameters in it. For example, when using mobilephone for quesionaire survey, the button size maybe a little too small and too near bottom egde for participants to click it easily. We can just open the document "jspsych.css", and then set “font-size” parameter inside the calss "jspsych-btn" to a larger value.

Remind that, after changing the .css file, we need to attach the changed .css files to Cognition. So that it can be run successfully not just on our computer, but also on Cognition.