Creating Form Problem

  • Profile Image
    jumbosupermall
    Asked on August 22, 2015 at 06:10 AM

    I have make my form width to 350 , so mobile users can also see my forms. Now as i changed my form width, all fields ( Text ) is scramble upside down or not in one line, please fix it so all fields Text in one line and

    Will Facebook Like Widget work for mobile users ?

     

    http://www.jotform.com//?formID=52330786566462

     

    Attach picture

     

     

     

     

     

  • Profile Image
    Shadae
    Answered on August 22, 2015 at 08:56 AM

    Hi jumbosupermall,

    In making the width of your form smaller, it automatically made the width of your field labels smaller, causing the words to wrap. Your label has automatically been set to be aligned left, which would cause the label width to be smaller. Change your label alignment to top and it should fit in one line.

    Select the field and in the toolbar, select label align:

    As some of your labels are long, there will still be some instance of wrapping.

    You can inject the following CSS code into your form to increase the width of the label:

    .form-label.form-label-top {

        min-width: 350px;

    }

    Your field for naming the recipe will still be wrapped as it is too long to hold in the current width of your form.

    You can see a clone sample of your form with the changes made here: http://jotform.com/form/52333471977967 

    Please feel free to clone this form to your account

    You can create your form in any size, and make your form mobile responsive, this will allow it to adjust in size when being viewed on a mobile device.

    Your question regarding the Facebook like widget has been moved to another thread: http://www.jotform.com/answers/645463 

    It will be addressed there shortly.

    Thank you

  • Profile Image
    jumbosupermall
    Answered on August 23, 2015 at 05:56 AM

    Hello 

    Thanks for the reply , as per your instruction injected CSS Code and  label the field from left to center , but the Problem didnt solve.

    Please do it at your end, fix all lable text in one line so it looks good.

     

    best regards,

    Jumbo Super Mall

  • Profile Image
    BJoanna
    Answered on August 23, 2015 at 09:25 AM

    Unfortunately, we can not make any changes on your forms and you account. 

    I have cloned your form and I saw that you have Inject CSS code provided by my colleague. However you did not align your labels. You need to select each field inside of Form Builder then click on Label Align option and select Top.

    After you align your labels to top, your form will look like this. 

    Here is my cloned form: http://form.jotformpro.com/form/52344065105951? 

    Feel free to clone it to your account. 

    Hope this will help. Let us know if you need further assistance.