!
```
jQuery("#"+this.questionId+" .InputText").attr("placeholder", "My placeholder text");
```
> Use JavaScript to add a placeholder attribute to the input element.
> ```
> jQuery("#"+this.questionId+" .InputText").attr("placeholder", "My placeholder text");
> ```
>
Can this also work in the Form text type? because when i used it it shows me First name in all the fields.
>
> Can this also work in the Form text type? because when i used it it shows me First name in all the fields.
That line of JS adds the placeholder to all the elements in the question with a class of InputText. For a text form, you'd need to modify it to add specific placeholders to specific fields.
<script>
Qualtrics.SurveyEngine.addOnload(function() {
jQuery("textarea").each(function() {
jQuery(this).attr("placeholder","Enter your comments here.");
});
});
</script>
```
<script>
Qualtrics.SurveyEngine.addOnload(function() {
jQuery("textarea").attr("placeholder","Enter your comments here.");
});
</script>
```
!
> @TomG , thank you for the code. I'm still at an early level of qualtrics and can't figure out how to implement your solution for disappearing default text/placeholder text ("attribute" and "input" haven't turned up any useful resources in the community) . Are you able to point to any more resources showing the step-by-step process? Thank you!
>
> !
>
Your image doesn't have a JS icon on the left, which means you haven't added the JavaScript. Click on the cog, select Add JavaScript, and paste the JS from the accepted answer above into the addOnload function.
Can I apply this same coding to a multiple choice question with an "other" option with text entry? Screenshot is attached below.
> Hi,
>
> Can I apply this same coding to a multiple choice question with an "other" option with text entry? Screenshot is attached below.
Yes.
jQuery("#"+this.questionId+" .InputText").attr("placeholder", "Please Explain.");
jQuery("#"+this.questionId+" .InputText").attr("placeholder", "Please Explain.");
I tried this code for my case but doesn't seem to be working. It is placing a placeholder text but it disappears when a customer starts typing in the box. My requirement is the default text should disappear when the customer clicks in the box. I tried doing it with on-click/onfocus functionality but it didn't help. Can you please help?
> @TomG Hey Tom,
> jQuery("#"+this.questionId+" .InputText").attr("placeholder", "Please Explain.");
> I tried this code for my case but doesn't seem to be working. It is placing a placeholder text but it disappears when a customer starts typing in the box. My requirement is the default text should disappear when the customer clicks in the box. I tried doing it with on-click/onfocus functionality but it didn't help. Can you please help?
That's the way placeholders work. You can use a focus event to remove the placeholder attribute to get the desired functionality.
I tried below code for focus event but doesn't seem to be working.
Can you help me if I am doing anything wrong here?
{
/*Place your JavaScript here to run when the page loads*/
jQuery("#"+this.questionId+" .InputText").attr("placeholder", "Please Explain.");
jQuery("#" + this.questionId + " .InputText").focus(function(){
jQuery("#"+this.questionId+" .InputText").removeAttr("placeholder", "Please Explain.");
});
});
> @TomG Thank you for responding Tom
> I tried below code for focus event but doesn't seem to be working.
> Can you help me if I am doing anything wrong here?
> {
> /*Place your JavaScript here to run when the page loads*/
> jQuery("#"+this.questionId+" .InputText").attr("placeholder", "Please Explain.");
> jQuery("#" + this.questionId + " .InputText").focus(function(){
> jQuery("#"+this.questionId+" .InputText").removeAttr("placeholder", "Please Explain.");
> });
> });
Your removeAttr syntax is wrong. Change to .removeAttr("placeholder");
jQuery("#"+this.questionId+" .InputText").attr("placeholder", "Please Explain.").onfocus="this.placeholder = ''";
TomG
Hi Tom thanks for your guidance, need your help. Can you show how to the text comment in multiple text boxes?
@Fahad,
The code provided will add a placeholder to all the textarea elements on the page. Change the jQuery selector as needed.
TomG : Hi Tom, it works with a single text box, however doesn't work with multiple text boxes in the same question
TomG : Hi Tom, it works with a single text box, however doesn't work with multiple text boxes in the same question
I forgot .attr() only works on the 1st element in the set, use .each():
jQuery("#"+this.questionId+" .InputText").each(function() {
jQuery(this).attr("placeholder", "My placeholder text");
});
TomG
Thanks ... will try.
Another question on the topic of changing logo. I already have existing static template with everything (color, format) in place. However since our logo changed this year someone had put in placed Custom CSS code for the new logo while everything (formatting and color) remains same. I mistakenly removed the Custom CSS code.
Can you help me how to write the custom CSS code?
TomG: Sorry for asking so many questions i am very new to Qualtrics.
I found the below link used in one of the earlier study, what I understand is that the logo is being removed and replaced with background in url. Now if I need to do the same how do I develop the url?
Please help, appreciate it
html .Skin #Logo {display: none;}
#SurveyEngineBody {
background: url(https://etihad.eu.qualtrics.com/CP/Graphic.php?IM=IM_86xvhpypazMDskl) no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.