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.!
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>
!
. 
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.
!
3. Save the js and preview the question. You will also see  the vertical header.
! 
                
    
                                     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.!
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>
!
. 
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.
!
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.
