I have a 'array by column' question of which I want the column labels to be oriented vertically. I have been trying to do this with css classes but I don't get it to work yet.

I define the css class in the question:
.vert { writing-mode: vertical-rl; text-orientation: mixed; }

Next I define the subquestion as follows:
<p class="vert">This is the text</p>

Does anyone have an idea of what I'm doing wrong?

You should state your LimeSurvey version and the theme (formally called template) you use. A screenshot of what vertical means to you might help too.

forums.limesurvey.org/forum/design-issue...tical-text-direction

The idea of using a vertical text is seldom a good idea. If you think of mobile devices and different browsers.

Hi,
I played around with "transform" and got this:


You have to adapt all values to your needs.
Joffm

Hi,

I'm also interested in the vertical alignment of column labels. Where should I place this piece of code. Usually the html markdown works inside the subquestions or answers fields in the question editor, but the .css code you report to change text orientation does not appear to work in this fashion.

Osmar

Hi,

I've managed to implement a solution similar to Joffm. However, my solution is slightly different. I edited the custom.css file and in order to allow multiple browser compatibility I added the following.css code:

div.vert{

writing-mode: vertical-rl;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
text-align: left;

}

Then I added in the question editor the following:

<div class="vert">Question text here</div>

@Joffm

Where are you entering this section of code? Is this put into the theme css file or is this just entered in the question/subquestion editor?

Cheers
Harrison

Hi,
didn't you read osmarllq's last post?

Joffm