Align multiple spinners to their respective columns

  • Profile Image
    shw528
    Asked on March 25, 2015 at 12:09 PM

    I need to be able to control the size of the Spinner component.  Currently I can only control the width of the actual spinner within the component.  Please see details in included picture.

    (Original picture had a typo.  Below is the corrected version.)

  • Profile Image
    Kiran
    Answered on March 25, 2015 at 01:54 PM

    I understand that you want the spinners on different lines to be aligned by their columns. The issue that you see is due to different sizes of labels we have for the spinner fields. These fields can be aligned properly by setting the minimum width for the labels of the spinner fields. 

    Please try injecting the following CSS code to your JotForm :

    [data-type="control_spinner"] > label {

    min-width: 200px !important;

    }

    You may adjust the width as per your requirement on your JotForm.

    I've cloned your JotForm to my account and added few more spinners as shown in your screenshot to apply the above the CSS code. Please see the screenshot below with the result.

    Hope this information helps. If you are referring to something different, please let us know. We will be happy to help.

    Thanks.

  • Profile Image
    shw528
    Answered on March 25, 2015 at 04:21 PM

    That works great.  Thanks, Kiran!

  • Profile Image
    Kiran
    Answered on March 25, 2015 at 05:26 PM

    You are welcome. Glad we could help you in resolving the issue. Please do not hesitate to get back to us if you need any further assistance. We will be happy to help.

    Thank you for using JotForm!