+1For drag and drop ranking questions, how can I use custom coding to modify the text of the rank numbers that are displayed?
For example, in stead of the digits 1, 2, 3, I would like to have the following labels automatically displayed: “Best”, “Intermediate”, “Worst.”
Is there some javascript code that will do this?
Thanks.
Best answer by ahmedA
You could use this CSS, its not perfect, but quite close:
.rank::after {
color: #fff;
margin-left: -10px;
background-color: #007ac0;
}
li:nth-child(1) span.rank::after {
content: "Best";
}
li:nth-child(2) span.rank::after {
content: "Intermediate";
}
li:nth-child(3) span.rank::after {
content: "Worst";
}
.Skin .RO .DND .rank,
.Skin .RO .DND ul.Edited .rank,
.Skin .RO .DND ul.NotEdited li:hover .rank {
color: transparent;
}
You could use this CSS, its not perfect, but quite close:
.rank::after {
color: #fff;
margin-left: -10px;
background-color: #007ac0;
}
li:nth-child(1) span.rank::after {
content: "Best";
}
li:nth-child(2) span.rank::after {
content: "Intermediate";
}
li:nth-child(3) span.rank::after {
content: "Worst";
}
.Skin .RO .DND .rank,
.Skin .RO .DND ul.Edited .rank,
.Skin .RO .DND ul.NotEdited li:hover .rank {
color: transparent;
}
+1Thanks. That works quite well. The only remaining issue is one of not-very-neat horizontal spacing of text. But that’s something I can live with.
+3Hi! Do you think a drag and crop could be implemented on top of an image (dropping images on another image). I am trying to do this as freeform but I am having an issue with drag and drop such that it works during question preview but not the actual survey or even the block preview. I was thinking I could try to do it like a matrix/rank to get around it.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
