Labels are all messed up, alignments are not correct

  • MissMarudek
    Asked on January 15, 2015 at 11:31 AM
    2. When I preview the form from the Form Builder Preview Button, the matrix table is as I want it (i.e. it reflects the changes I've made using the designer) but my other labels are all messed up, in that labels that I have shrunk for them to fit in the same row are now sitting one below the other occupying different lines.
  • Welvin Support Team Lead
    Replied on January 15, 2015 at 11:43 AM

    Hi,

    Can you please check this form: http://www.jotformpro.com/form/50144188196963. Is this the correct alignment you want? This is a cloned version of your form and using the following custom CSS styles, including those codes that are added by the form designer: http://pastiebin.com/54b7eded74b58.

    You can use these, just replace the current ones in your form. Here's how you can access the custom CSS codes area: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    Thanks

  • Katerina
    Replied on January 22, 2015 at 5:43 AM

    Hi there Welvin. Thanks very much for your help! I will try to replace the CSS styles using the instructions in the third link.

    Regarding the form you sent, for the most part that's the alignment I was going for, thanks a lot. However, there is one point that's still not how I need it to be, namely: I need the "upload receipts", the "OR" and the "Attach receipts to form" labels all to be in own row, below "Total claim". I'd be very grateful if you could make that change and then send me the new codes?

     

    Thank you in advance. Have a great day.

    K.

  • Welvin Support Team Lead
    Replied on January 22, 2015 at 7:00 AM

    Hi Katerina,

    Kindly check again the form: http://www.jotformpro.com/form/50144188196963. Nothing changed in the custom CSS codes. The fields are aligned using our Field Positioning function.

    http://www.jotform.com/help/90-Form-Field-Positioning 

    Thanks