Shrinked elements decrease in height

  • Profile Image
    Asked on January 16, 2018 at 07:27 AM

    When a tall element is shrinked its top and bottom borders are shrinked as well. This messes up the layout in back-end as well as on front end:1516105364jotform shrinked.jpg

    Can this be fixed somehow?

  • Profile Image
    Answered on January 16, 2018 at 08:51 AM


    You can fix this issue by turning off Shrink field. Press your field, go to option and then advanced tab, turn off the Shrink field.

    Hope this will help!

  • Profile Image
    Answered on January 17, 2018 at 03:05 AM

    Haha, yeah, I know. But what if I need to keep the field shrinked?

    Reason 1: If address field is unschrinked the label is centered and the fields are not:

    1516175265jotform shrinked - 1.jpg

    Reason 2: Other fields can be affected by this issue as well. Here I am trying to save as much space as possible:

    1516175464jotform shrinked - 2.jpg

    Reason 3: On many of forms I made there are shrinked fields, particularly, address fields. They look fine for now, but who knows what can happen to them, I do not want to go an rebuild those forms.

    I know these problems can be solved with few lines of CSS, but have a year ago this was not an issue, so I assume this was changed in recent updates. 

  • Profile Image
    Answered on January 17, 2018 at 08:35 AM

    Thank you for explaining the issue.

    Please clone this link , and see if this works for you. I changed some places in your form. 

    Do you want, label alignment to set on top?

    When you set on top, radio buttons are long and it will not look nice as on text field.