Feature Request - Same width items should actually appear same width

  • Profile Image
    Masalamedia
    Asked on March 15, 2013 at 07:27 PM

    When a Text Box is selected as width:50 it does not show up as the same width as a Text Area at width:50. (no idea what unit of measurement we're talking about here either)

    Forms look less professional when fields don't line up properly. To correct the problem requires a maddening (wasteful) expenditure of time to figure out the magic number equivalency formula for different types of fields. This is guesswork that should be solved by the software, not the user.

  • Profile Image
    jonathan
    Answered on March 15, 2013 at 08:09 PM

    Hi,

    Both the text box and text area field does not have width property in the form builder. The size  and max size property does not refer to the physical display of this fields.

    You will need to inject CSS codes to actually resize the fields px width.

    From what I tested so far, they seem to appear uniformed using same px width.

    Here is my test form http://www.jotformpro.com/form/30738021228952

    I used this CSS codes to resize them

    .form-textbox, .form-textarea {width:50px;}

    I understand your suggestions, but we need to establish first if there is inconsistency before we can forward the request.

    Thanks.

  • Profile Image
    Masalamedia
    Answered on March 15, 2013 at 08:25 PM

    The width of text fields and text boxes is controlled by a button in the form builder labelled as "SIZE". It definitely produces unequal results when an equal number is entered for text boxes and text areas. There may be some underlying technical reason for that (and units of measure aren't specified anywhere) but from a common sense point of view, it doesn't make sense to enter the same # and get different width results.

  • Profile Image
    jonathan
    Answered on March 15, 2013 at 08:59 PM

    Hi,

    From what I understand, the size property refers to the number of characters the input field can accept, it is not the width size. 

    But I also understand your point. Perhaps the size property should also match the actual width of the input field.

    Let me then elevate this to our next level support. I am sure the they can explain to us much better the design properties of the fields.

    I will create a feature request ticket for the feature you mentioned.

    You will be notified via this thread when our developers have updates.

    Thanks.

  • Profile Image
    Masalamedia
    Answered on March 15, 2013 at 09:08 PM

    It seems you can enter more characters than would fit in the visible space, so 'size' doesn't represent an input limitation... and when you adjust that number, the width of the field clearly changes. So, again, going with common sense, it just seems like equal numbers should produce visually equal results.

    Thanks for passing that along to whoever thinks about such things

    PS for the record, in another thread, I was asking for a similar width-controlling option on address fields. That "size" button disappears on address fields, but its width should be controllable just like other fields, withouth having to dive into CSS. 

  • Profile Image
    glennlee
    Answered on March 15, 2013 at 10:14 PM

    Hi Masalamedia,

    Thanks for your suggestions. This thread is already forwarded to our next level supporter. 

     

    Thanks.