Whenever placing piped text in JS variables I would recommend using back ticks.Otherwise if you have line breaks in the piped text it will break your JS code.// when using double quotes JS does not allow multi line text to be placed between them// this can cause errors if you hand over a value with line breaks const myErrorProneValue = "${e://Field/myField}";// when using single quotes JS does not allow multi line text to be placed between them// this can cause errors if you hand over a value with line breaks const myErrorProneValue = '${e://Field/myField}';// when using back ticks JS allows multi line text to be placed between them// this will not cause errors for values containing line breaksconst myWorkingValue = `${e://Field/myField}`;
You should hide the question with CSS, in the Look and feel/Style/Custom CSS section you can introduce your CSS code. You need to know the id of your question for this in my case something like QIDX (where X is single digit or multidigit a number). /*this css code hides question with id QID33*/#QID33{display: none !important;}/*end of css code hiding question with id QID33*/Basically your JavaScript does the same, but only after everything is loaded, page is rendered. Than JavaScript is run and style is changed programatically. While the CSS rules are applied at the time of loading.
I think hiding "Powered by Qualtrics" with custom CSS is better and more reliable. Javascript always runs after the DOM is loaded, thus the element is displayed and then removed if the script function is called. If you add custom CSS, the CSS is included in the DOM and parsed before the "Powered by Qualtrics" element, thus the rules from the custom CSS will be applied at the time of rendering.The element has very strong inline style rule style="display: block !important;". This rule cannot be overridden from the custom CSS. But there are other CSS rules we could use to our advantage.I came up with the following custom CSS rule:/* hide Qualtrics logo */body .Skin #Plug a{ height: 0 !important; padding: 0 !important; overflow: hidden !important;}/* end of hide Qualtrics logo */Just copy the above code to your Theme's or Survey's Style setting -> Custom CSS.What this rule does, is that it reduces the height of the "Powered by Qualtrics" element to 0 pixels and does not allow it's
Already have an account? Login
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.
Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.
Sorry, our virus scanner detected that this file isn't safe to download.