How to enable 'Full Screen mode' in the Classic Form?

  • evo_forms
    Asked on May 30, 2019 at 11:40 PM

    Can you further explain how to enable 'Full Screen mode'. Right now my form just says I need to switch the form layout from Settings but I don't see a place to do so.

    Thanks!

  • VincentJay
    Replied on May 31, 2019 at 12:43 AM

    The Fullscreen mode under Embed option is only available for JotForm Cards or Single Questions in One Page layout. This is not available for the Classic or All Questions in One Page layout. 

    1559277148full Screenshot 10

    If you would like this to be available, you can change your form layout to JotForm Cards (Single Questions in One Page) under Form Settings. Here are the steps:

    1. Go to Settings and click Form Settings on the left side. Click Show More options button, scroll down and look for Form Layout. 

    1559277188fullscreen1 Screenshot 21

    2. Select Single Question in One Page. 

    1559277212fullscreen2 Screenshot 32

    4. Go to Publish, select Embed and click ON for Fullscreen. 

    1559277238fullscreen3 Screenshot 43

    For more details on how to change the form layout, you can also visit this page: https://www.jotform.com/help/493-How-to-Change-the-Form-Layout

    I hope this helps. 

  • evo_forms
    Replied on May 31, 2019 at 1:59 PM

    Ah gotcha, you guys don't currently have a way to make the form Full Screen without splitting every question up into separate pages? Is there a way to add CSS to the page to allow it to expand the whole page. Sorry but it looks awful when we embed it into our Content Management System - all other elements are full width except for the form + it shows a grey background around the form. We'd like a solution that can fit the full width and feel more natural on the page. 

  • roneet
    Replied on May 31, 2019 at 3:12 PM

    First of all, would you mind sharing the link of your website where you have embedded the Form?

    Do you have Cards(single slide for each question) or Classic layout Form?

    If you have a Cards Form then, unfortunately, I am afraid we cannot do much on this as custom CSS could not be injected to the Form.

    You can change the background color of the Form to match with the website theme. Please check the screenshot below:

    1544173553cardsForm Screenshot 10

    Let us know if you have further questions.

    Thanks.

  • evo_forms
    Replied on May 31, 2019 at 6:21 PM

    Thanks for the reply! I am using the classic form type with all questions on one page.

  • roneet
    Replied on May 31, 2019 at 10:02 PM

    Thanks for confirming the Layout.

    Would you mind if you share your website address where you have embedded your Form? Also, please let us know the Form URL we will try to inject CSS codes to match with the website theme.

    To change the background of the Form:

    How to enable Full Screen mode in the Classic Form? Image 10

    To change the Form width:

    How to enable Full Screen mode in the Classic Form? Image 21

    Let us know if you have further questions.

    Thanks.