Merge the two fields onto a single line

  • stormingrobots
    Asked on December 30, 2016 at 4: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.   

  • Helen
    Replied on December 30, 2016 at 5: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.

    Merge the two fields onto a single line Image 1 Screenshot 40

    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:

    Merge the two fields onto a single line Image 2 Screenshot 51

    #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:

    Merge the two fields onto a single line Image 3 Screenshot 62

    Please let us know if you need any further assistance.

  • stormingrobots
    Replied 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.