Vertical alignment in a tabel?

  • ocstokrode
    Asked on February 5, 2021 at 10:22 AM

    Will it be possible to align fields vertical (on top) in a tabel (paragraph field)?
    When the second column will contain more information the text in the first column should be also on top...


    1612538533 601d62a51ffef Schermafbeeldin Screenshot 10

  • Jimmy_D
    Replied on February 5, 2021 at 1:30 PM

    You can use Custom CSS code to align the headers and the data vertically.-

    Kindly try the CSS code below on your form and let us know if that's what you wanted to achieve.

    #cid_172 #text_172 table tr td {
       display: block;
    }

    1612549819 601d8ebbcdb91  Screenshot 10

    Related guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes


  • ocstokrode
    Replied on February 7, 2021 at 4:39 AM

    Hi,

    Thanks for your answer. But that's not real the solution I thought.

    Your solution I can also get when I type the text in the paragraph field without using a table.
    What I want to achieve is the left column (colored text) in the table will be vertical aligned on top.

    Can you have a look again? Thanks.

  • Johann_A
    Replied on February 7, 2021 at 5:19 AM

    Greetings,

    Thanks for contacting us. I've checked the table of your form I understand you would like to align on the top the text on the left ( Green or red title) unfortunately when I put the form on the preview mode, you left and right column disappears :

    1612692816 601fbd5068f04 Screenshot 2021 Screenshot 10

    Do you always want to have the title closed to the text? If then just the title FACTURR needs to be modified.

    Let us know how you would like to process,

    Johann

  • ocstokrode
    Replied on February 7, 2021 at 7:52 AM

    I had put the code of Jimmy in my CSS.
    Now I have deleted the CSS.

    I want to have it in this way (demo).
    Thanks !

    1612702341 601fe285314b6 this way Screenshot 10


  • Richie JotForm Support
    Replied on February 7, 2021 at 9:04 AM

    I have checked your form and it seems the fields are aligned correctly at my end.

    1612706656 601ff3606b582 1 Screenshot 10

    Can you please check your form again and let us know if the issue still remains?