Form preview appearing differently to builder.

  • Profile Image
    Ichim
    Asked on February 26, 2020 at 11:12 PM

    As per screenshot, form preview is not reflecting the arrangement of text/widgets displayed in builder.

    The only change I have made is in the advanced form designer I have nominated the width of the radio button widget so that the heading would wrap the text as per the form preview screenshot.

    Regardless of whether width is set or not, this discrepancy remains.

    Screenshot
  • Profile Image
    Richie_P
    Answered on February 27, 2020 at 05:53 AM

    To clarify, do you want your fields to be side by side?

    You may use custom CSS in your form.

    .form-all{
    width:900px;
    }

    #id_42{
    position: absolute;
    margin-left: 400px;
    margin-top: -70px;
    }
    #id_56,#id_58,#id_72,#id_75,#id_81,#id_84{
    position: absolute;
    margin-left: 400px;
    margin-top: -70px;
    }
    #id_63{
    position: absolute;
    margin-left: 440px;
    margin-top: -70px;
    }
    #id_69,#id_78{
    position: absolute;
    margin-left: 440px;
    margin-top: -70px;
    }
    #label_69,#label_78{
    margin-left: 100px;
    }


    Guide:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please give it a try and let us know how it goes.