Drop-down fields space not showing correctly in published form

  • Profile Image
    Asked on December 04, 2017 at 02:58 AM

    I think I have found a bug. On page 7 entitled 'Perfil do Aluno - Conhecimentos de Línguas' there are several drop-down fields configured with shrink. 

    As I understand it, the Width setting should define the space taken up by each field on the form and this is showing correctly in BUILD. However, when filling in the published form, the configuration of boxes is not showing correctly, with menu widths or sub label widths not corresponding to the field space, which is too small. 

    Please look at page 7 and see for yourselves - it's not looking good.

    See the following fields:

    #multiSelect-checkbox-56, #input_56 > LingNati

    #multiSelect-checkbox-46, #input_46 > ConhIngl

    #multiSelect-checkbox-47, #input_47 > EstuQuan

    #multiSelect-checkbox-52, #input_52 > UltiAnoE

    #multiSelect-checkbox-50, #input_50 > QuanRece

    #multiSelect-checkbox-53, #input_53 > FreqCurs

    #multiSelect-checkbox-55, #input_55 > NiveEuro 

  • Profile Image
    Answered on December 04, 2017 at 09:25 AM

    Please inject the following CSS code to your JotForm to resize the width of the drop-down amd display them correctly in the box correctly.

    [data-type="control_dropdown"] .form-input, [data-type="control_dropdown"] .form-input-wide {

    width: auto !important;


    Hope this information helps! 

  • Profile Image
    Answered on December 04, 2017 at 07:43 PM
    That works just fine - thanks a lot - problem solved!