Merge the two fields onto a single line

  • Profile Image
    stormingrobots
    Asked on December 30, 2016 at 04:09 AM

    HI,  the guideline did not help. https://www.jotform.com//?formID=63639268386168#

    I have tried to change the width of the phone numbers fields, the gender, another other short form fields within the custom css.  However, I still could not merge the two fields onto a single line.   

  • Profile Image
    Helen
    Answered on December 30, 2016 at 05:25 AM

    Hi,

    I have cloned your form and tested on my side. However, the Gender and Grade fields onto a single line. You could merge it. If you want to change fields position, please provide us details. We can write a Custom CSS codes for you.

    Also, the Mobile and Home Phone fields onto the single line. If you want to move Work field to down to down, you must inject these CSS codes into your form:

    #id_27, #id_25, #id_26 {

        width : 300px!important;

        

     

    }

    Here is a guide helps to you for injecting CSS codes : https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Here is a result:

    Please let us know if you need any further assistance.

  • Profile Image
    stormingrobots
    Answered on December 30, 2016 at 11:04 AM

    Hmm...  I am sure I have updated the thread last night that I have  injected the custom css to get them to work already.  Nevertheless, thank you for your response though.  Sorry about that.