Hi,
I am hoping to integrate a vertical heading in the Likert scale within the side-by-side question. I am informed that I would be required to use a JavaScript code and wondering whether anyone would be able to help me out with this.
Thank you!
Page 1 / 1
Hello @Estha ,
From what I have understood is that you need a text at circled part!
Here is a way you can do it too.
1. Open the survey question in preview mode in the browser and press ctrl+shift+c and keep the mouse pointer at that vertical header part, as shown in the image.!
.
Copy the id(highlighted by the arrow) of that element.
2. Open the java script option of side-by-side question and copy following line in onload function:
<strong>document.getElementById('style~header~QID6~7').innerHTML="Your Text";</strong>
!
3. Save the js and preview the question. You will also see the vertical header.
!




HI @Shashi,
Thank you for your response! Apologies if I was not clear in my phrasing. I was wondering whether/how I could do a rich text formatting of Answer 1 and Answer 2, as well as rotate them in a 90-degree anti-clockwise direction (as per attached document).
Wonder whether you would know how I can do this in Qualtrics?
@Estha,
The doesn't require JavaScript, just CSS:
```
.Skin .SBS .Answers th.SBS1 {
transform: rotate(-90deg);
white-space: nowrap;
vertical-align: middle;
padding:0px;
height:100px;
}
.Skin .SBS .Answers th.SBS2 {
vertical-align: bottom;
}
```
@TomG
Thank you; very much appreciated. That works for the first instance of the answer header!
Hello!
I encountered another issue, though. I repeat the headers in the middle of my side-by-side question format. Is there any way in which the formatting of the second repeated can follow the first header?
Thank you!
> @Estha said:
> Hello!
>
> I encountered another issue, though. I repeat the headers in the middle of my side-by-side question format. Is there any way in which the formatting of the second repeated can follow the first header?
>
> Thank you!
Update for repeated headers:
```
.Skin .SBS .Answers th.SBS1, .Skin .SBS .RepeatHeader td.SBS1 {
transform: rotate(-90deg);
white-space: nowrap;
vertical-align: middle;
text-align: left;
padding:0px;
height:100px;
}
.Skin .SBS .Answers th.SBS2, .Skin .SBS .RepeatHeader td.SBS2 {
vertical-align: bottom;
}
```
hello please I need your help
I couldnt delete recorded surveys which i used just to see whether the survey layout is functional
please help me with that

hello please I need your help
I couldnt delete recorded surveys which i used just to see whether the survey layout is functional
please help me with that

Hi
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.