How to Change Alignment of The Elements/Fields

  • henley_africa
    Asked on December 7, 2020 at 6:16 AM

    Hi there,

    I am trying to align the email & phone elements similar to name & surname. Have tried the shrink option but it does not work as expected.


    1607339806 5fce0f1eec0cd Screenshot 2020 Screenshot 10


    If I shrink the elements, this is what happens:

    FRONT END

    1607340280 5fce10f8dd2e7 Screenshot 2020 Screenshot 21


    BACK END

    1607340354 5fce11424c80e Screenshot 2020 Screenshot 32

  • henley_africa
    Replied on December 7, 2020 at 6:52 AM

    Thank you, I got that but I am also wanting to set the element to be full width, basically matching the style of name & surname above. How is that accomplished?


    1607341936 5fce17708ca3a Screenshot 2020 Screenshot 10

  • hestia Jotform Support
    Replied on December 7, 2020 at 7:09 AM

    Hello,

    I cloned your form and tested it. As a result of my test, I couldn't replicate the issue.

    Here is the screencast from my cloned form:

    1607342839 5fce1af7560a6  Screenshot 10

    If you require more assistance, please let us know.

  • henley_africa
    Replied on December 7, 2020 at 8:36 AM

    Hi Hestia,

    Thank you so much, those x2 fields are working perfectly now. But I see the signature field is now half. How can I set it full width?

  • Zahra_S
    Replied on December 7, 2020 at 9:32 AM

    Hi there,

    Happy to help!

    It looks like you want to change the width of the signature field.

    Please follow these steps:

    1. Click on the Signature field. Select Properties.
    2. In the General properties tab, scroll down to find the Width section.
    3. Click on Auto to turn on the Fixed width option.
    4. Add the width in pixels. I cloned your form and added 700px width. Here's my cloned form: https://form.jotform.com/203413673700952

    1607351486 5fce3cbed1349 width Screenshot 10


    1607351531 5fce3ceb7d9fa width pixels Screenshot 21


    I hope this helps. Kindly let us know if you require further assistance.