Form layout changing from build mode to preview/publish.

  • MaplePeople
    Asked on January 30, 2019 at 1:56 PM

    Hi. Please could you advise in resolving this issue asap. When making the form in the builder the preview and actual output are of different sizes. The one in the builder layout is correct but not the preview or publish one. 1548874402Form builder view correct Screenshot 10

    This next one is incorrect (also attached in the screenshot field below) : 

    Please can you advise as I need it to go out in the correct layout being built. 1548874461Form preview and publish view Screenshot 21

    Jotform Thread 1717772 Screenshot
  • AndrewHag
    Replied on January 30, 2019 at 3:01 PM

    To fix the issues, add the following custom CSS code:

    .form-label{

      width: 100% !important;

    }

     

    1548878365chrome no5wTgPYOK Screenshot 10

    I've also observed that, text area of the Comments has more width. You can adjust the width by using below CSS code:

    .form-textarea{

      width: 600px;

    }

    1548878347chrome 82I6FUiA5N Screenshot 21

    1548878426chrome nLQ9Vsb0kb Screenshot 32

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

    Please do revert back if this solution does not work out for you.

    Many Thanks!