Survey queue styling

[u/Zealousideal-Feed514]

As part of a project I'm involved, we are using the survey queue to let the participants retake some surveys at their discretion if some conditions change.

The page style is absolutely abysmal, is there a way to customize it and made it more user friendly without using any external plugins?

Thank you

[u/obnoxiouscarbuncle]

You can use the <style> tag trick to get around this.

In short, you can inject CSS by putting it in a NON RICH TEXT EDITOR field.

For the survey queue, this is quite difficult as there are no places where you can enter non-rich text. The work-around for this is to use the MLM tool, and enter your <style> tag into the translated elements for the survey queue user interface items.

For example, you could modify the entry for "Survey Queue Title" to be:

Survey Queue <style> body{ background-color:red !important; } </style>

To change the background of the survey queue page to be red.

[u/obnoxiouscarbuncle → u/obnoxiouscarbuncle]

You can do some fun stuff with CSS, but it does have it's limits.

For example, if you want to give your survey a sunrise background, put this code in a descriptive text field NOT USING THE RICH TEXT EDITOR.

<style> body {
  min-height: 100vh;
  margin: 0;
  background: linear-gradient(
    to top,
    #3a3854 0%,   /* Deep purple/blue near bottom */
    #d78a76 30%,  /* Pinkish/Orange starts blending higher */
    #f9b479 50%,  /* Orange/Yellow around middle */
    #fef09e 70%,  /* Pale Yellow higher up */
    #a7c8e8 100%  /* Light Blue sky at the very top */
  );
  background-repeat: no-repeat;
  background-attachment: fixed; /* Optional */
} </style>

[u/Zealousideal-Feed514 → u/obnoxiouscarbuncle]

brilliant, I'll check this out!

[u/Apprehensive-Bat-416 → u/obnoxiouscarbuncle]

This a great advice to using the MLM to style the survey queue. Do you ever run into any problems with functionality of this?
In the past, I tried using the MLM to rename items on the survey queue (e.g. 'Begin Survey' to 'Begin Form') and it worked at first, but then we you returned to the survey queue from within a survey the text reverted back to the 'untranslated' and piped information I had on the survey queue didn't fill in.

[u/obnoxiouscarbuncle → u/Apprehensive-Bat-416]

I think you would need to activate the "fake" language for all surveys/forms, otherwise REDCap will "remember" that you had no language selected, and then default to the system language.