Question

Text to be displayed Vertically

Laserfiche Forms Web Customizations How To

Updated November 2, 2016

asked on October 31, 2016

Hi All,

Would like to know if it is possible to make headings or text used in a Table displayed vertically rather than horizontally. I have a form I am currently creating and it has a lot of heading and it would be better fit having the headings vertically.

I have looked around this site and also online but if someone can point me to the right direction, that would be great...

Screen shots attached below.

What I would like to see:

What it looks like at the moment: (yes i know a little messy)

Again, I am trialing this at the moment and would love to be able to do this to meet client expectations as well as it being something new I would love to learn also,

Thank you all in advance,

Regards

Ziad Khamo

0 0

Answer

SELECTED ANSWER

replied on November 1, 2016

You can update the cf-col-label class with following content:

  .cf-col-label
            {
                text-align: center;
                vertical-align: middle;
                width: 20px;
                margin: 0px;
                padding: 0px;
                padding-left: 3px;
                padding-right: 3px;
                padding-top: 10px;
                white-space: nowrap;
                -webkit-transform: rotate(-90deg); 
                -moz-transform: rotate(-90deg);                 
            }

And adjust the table padding with following css code:

.cf-table_parent
{  
  padding:50px 0 0 10px !important;
};

Then you will get something as following:

1 0

Replies

replied on November 2, 2016

Hi Xiuhong Xiang

Perfect, exactly what I was after. Thank you so much

Regards

Ziad

0 0

You are not allowed to follow up in this post.

Question

Question

Text to be displayed Vertically

Answer

Replies

Sign in to reply to this post.