How to Change Alignment of The Elements/Fields

  • Profile Image
    Venter_sales
    Asked on December 07, 2020 at 06: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


    If I shrink the elements, this is what happens:

    FRONT END

    1607340280_5fce10f8dd2e7_Screenshot 2020


    BACK END

    1607340354_5fce11424c80e_Screenshot 2020

  • Profile Image
    Venter_sales
    Answered on December 07, 2020 at 06: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

  • Profile Image
    Hulya
    Answered on December 07, 2020 at 07: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_

    If you require more assistance, please let us know.

  • Profile Image
    Venter_sales
    Answered on December 07, 2020 at 08: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?

  • Profile Image
    Zahra_S
    Answered on December 07, 2020 at 09: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.png


    1607351531_5fce3ceb7d9fa_width-pixels.pn


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