What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Custom CSS code for vertical align text (90 degrees)

    Asked by keedme on May 07, 2014 at 01:41 AM

    I need help to change the horizontal text align of my form to vertical, just as the picture shows. I supposed that I must insert some CSS code but I´m not an expert in that area so I really appreciate your help.

    Page URL:
    http://form.jotformpro.com/form/41256833408960

    Screenshot
    css code picture horizontal
  • Profile Image

    Answered by Jim_Rank on May 07, 2014 at 03:24 AM

    Hello @Keedme,

    Thanks for your question.I have checked your Form and tried to make how you wanted.Just i made a clone of your Form.Just take a look-

    https://secure.jotformpro.com/form/41261216745955

     

    If you want that your Form should look like then Tell us,We can make it OR you can make by injecting Custom CSS Code Setup&embed>Prefereces>Form Styles.Take a look-

     

    If you need any help in further,fell free to tell us.

    Thanks@Jim_Rank

  • Profile Image

    Answered by keedme on May 07, 2014 at 08:28 AM

    Thanks Jim, but I check the clone form that you made and the text still continue horizontal:

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    this is what I'm looking for: a text vertical orientation:

     

  • Profile Image
    JotForm Support

    Answered by Welvin on May 07, 2014 at 10:58 AM

    Please use the following custom CSS codes instead: http://pastiebin.com/536a49ffaf14e. Example result: http://www.jotformpro.com/form/41264202927955

    Thanks

  • Profile Image

    Answered by Jim_Rank on May 07, 2014 at 11:16 AM

    Hello @keedme,

    I got the problem.You couldn't see it well because you were using Chrome browser.Sorry for that I didn't make it for all browser.Now I make it.just take a look, See Is it works for you.

    https://secure.jotformpro.com/form/41261216745955

    just you  have to make it browser compatible by following code-

    -ms-transform:rotate(270deg); /* IE 9 */ -moz-transform:rotate(270deg); /* Firefox */ -webkit-transform:rotate(270deg); /* Safari and Chrome */ -o-transform:rotate(270deg); /* Opera */

    If you need any help in further,please inform us.

    Thanks@Jim_Rank

     

  • Profile Image

    Answered by keedme on May 07, 2014 at 11:36 AM

    Thanks Welvin and Jim, 

     

    Best regards