Customizing the dialog box (Removing input field but keeping text)

Hi,

I’d like to customize the dialogue box to remove the input field, as I don’t want or need participants typing anything in the box. However, I want to have some information in the box before the participant presses “OK” to start the experiment.

Currently, it looks like this:

Capture

But ideally, I’d like it like this:

2Capture
(edited image)

Is this possible?

Thanks in advance.

Did a bit of digging and found the solution. Looked into the .js file in the html folder and removed the dictionary line containing the ExpInfo (knew of that already) but discovered that there is a text parameter to DlgFromDict that lets you add information text.

image

Looking at the DlgfromDict API, I’ve noticed there is a fixed parameter. I am thinking of generating a random ID for each participant but keeping this number fixed as to - if I have understood correctly - not allow the participant to edit that field (assuming it will be greyed out).

Assuming I add this function to the code:

function getRandomInt(min, max) {
  min = Math.ceil(min);
  max = Math.floor(max);
  return Math.floor(Math.random() * (max - min)) + min; 

var randomID = getRandomInt(1000000, 9999999)
}

How can I have this number as a non-editable field in the dialogue box? From the psychojs API (is that the right word? Not too savvy with this field) there does not seem to be a fixed parameter like there is in the PsychoPy API.

Would highly appreciate any assistance on this.