I would like form field labels aligned to the left

  • MaplePeople
    Asked on January 30, 2019 at 2:03 PM

    Hi Kevin. You said the following : 

    You may simply add a "Text" element, you will find if under the quick elements of the add form element section, more details about the available fields here: https://www.jotform.com/help/46-Quick-Overview-of-Form-Fields  

    However I know of this with the issue being this is the text for those filling out the form to input BUT we only want to write in a text field which doesn't need to be filled out for them, an instruction from our side basically. Please could you assist. Appreciate the support. 


  • MaplePeople
    Replied on January 30, 2019 at 2:13 PM

    Hi. Actually, my mistake here, you can ignore the above text related enquiry please. Many thanks. 

  • MaplePeople
    Replied on February 4, 2019 at 1:04 PM

    Hi. That worked for that structure but create a different issue. Now my questions when aligning them left they are the same as top for example I want it to appear as : 

    Question     Fill field ____

    But now it only allows when clicking both on left and top options  : 

    Question

    Fill field  ____

  • David JotForm Support
    Replied on February 4, 2019 at 2:08 PM

    I checked your form and the labels do appear to be aligned to the left:

    1549307241Capture Screenshot 10

    This is how left aligned labels should be.  Is this not how you would like them?  In your description you showed:

    Question     Fill field ____

    As the preferred layout and that does appear to be how the form is formatted.

  • MaplePeople
    Replied on February 4, 2019 at 2:36 PM

    Hi David, 

    You are looking at the wrong form. Please see image here as they are aligned to the left but appear as top : 

    1549308941Field allignment   Jot Form Screenshot 10

  • AndrewHag
    Replied on February 4, 2019 at 3:57 PM

    I've checked your form and the issues is because of the custom CSS code that have been added, see the below marked code. So even if we set the alignment to left, labels are showing at the top only as the fields are taking 100% width.

    1549313487chrome ypFhS4su6o Screenshot 10

    To resolve the problem, add the below CSS code and set the label alignment to left.

    #label_3, #label_4, #label_5, #label_6{

      width: 30% !important;

    }

    1549313815chrome BCxhmG0rL2 Screenshot 21

    Let us know if you need any further assistance.

  • MaplePeople
    Replied on February 5, 2019 at 7:03 AM

    Thank you for the support. It has resolved the issue but I hope these issues will not be re-occurring as pasting coding frequently should not be something for the software users. Thank you.  

  • Welvin Support Team Lead
    Replied on February 5, 2019 at 8:22 AM

    You have applied a theme and seems like there is a mixed CSS in the form. That is why your settings for field alignments are not working. The given custom CSS codes are for adjustments, and to override the existing CSS.

    Here's a cloned version of your form without the previous CSS, clean default theme:

    https://form.jotform.com/90353723582963 

  • MaplePeople
    Replied on February 5, 2019 at 8:49 AM

    Hi, 


    That seems to be the same as mine only difference being the logo and fonts, a specific theme was not applied

    Please could you confirm the following for me : we plan to upgrade to bronze membership asap - will this allow our form's attachment sizes to be larger in memory size so the users can submit larger attachments ? 
  • Welvin Support Team Lead
    Replied on February 5, 2019 at 9:03 AM

    Yes, that is the same, but the theme was re-applied to reset the layout. 

    The header in your form, as you could see, is not part of the default theme so the CSS is somewhere in the form source and cannot be edited in the form builder. That is why it is required to override it with another CSS. Anyways, the form is working now, so I suggest keeping it that way.

    As for your next question, I will answer that to a new thread. Link here https://www.jotform.com/answers/1723098