Shrinked elements decrease in height

  • propulsion_equipment
    Asked on January 16, 2018 at 7: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 Screenshot 10

    Can this be fixed somehow?

  • Dexter_R
    Replied on January 16, 2018 at 8:51 AM

    Hi,

    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.

    Shrinked elements decrease in height Image 1 Screenshot 30

    Shrinked elements decrease in height Image 2 Screenshot 41

    Hope this will help!

  • propulsion_equipment
    Replied on January 17, 2018 at 3: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 Screenshot 10

    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 Screenshot 21

    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. 

  • Dexter_R
    Replied on January 17, 2018 at 8:35 AM

    Thank you for explaining the issue.

    Please clone this link https://form.jotform.com/80153834855966 , 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.