Custom styles/design for surveys

pad
Guest

Custom styles/design for surveys Apr 15, 2020 17:31:11 GMT

Quote

Post by pad on Apr 15, 2020 17:31:11 GMT

Dear PsyToolkit Community,

I just recently started to use PsyToolkit and really love the tool!

I'm currently creating my first survey and was wondering whether it is somehow possible to create custom styles/designs for the survey. I noticed that there are different color schemes available. My goal would be to use colors and styles similar to the brand colors of the organization/university I'm preparing the survey for.

I am familiar with Web Development, so writing CSS would be perfectly fine. I was wondering if there's the possibility to upload a custom CSS file or some similar mechanism apart from the pre-defined themes. I would be especially interested to make the design more friendly for mobile devices.

Many thanks for your input!

Minor note: I tried to register for the forum but got a `502 Bad Gateway` error.

PsyToolkit
Administrator

Posts: 545

Custom styles/design for surveys Apr 15, 2020 22:02:55 GMT

Quote

Post by PsyToolkit on Apr 15, 2020 22:02:55 GMT

Dear Pad,

There is no customization, but if you are good with CSS, maybe you want to help PsyToolkit develope a new cool theme? If you would like to do that, please email me via psytoolkit@gmx.com and then I can explain where to start.

Also, in the start screen at least, you can easily plugin the logo of your university (using images).

Best,
Gijsbert Stoet

mev
New Member

Posts: 1

Custom styles/design for surveys Apr 28, 2022 20:31:51 GMT

Quote

Post by mev on Apr 28, 2022 20:31:51 GMT

Hello! good evening.
I just arrived in PsyToolKit, and I really love it!
Doing my first survey, I had the same need for customization on the welcome screen.
I am not an expert in programming but, I think that this design could become much more flexible easily.
If the titles of the sections (with their background colors, texts and sizes) were removed from the original template (not accessible to the user) and included directly in the text box where the user writes, it would be totally customizable.
I did this test using the "Special Container" style available in the editor, and modifying its colors and sizes.
I think it can be useful for those who want to customize the aspect and indistinct for others. It would also reduce the need for preliminary compilations and visualizations, because everything would be seen in the editor itself.
Best regards!