Question T14796
Visible to All Users

First page in display mode

created a year ago (modified a year ago)

Hi, when I enabled the Show the Previous Page button and set the form in display mode, the first page never displayed and it set the 2nd page as the first page to display. What is the property should I used to display the first page in display mode?

Code example from

Survey Creator

JSON
{
  "title": "First page is Starting Page",
  "logoPosition": "right",
  "pages": [
    {
      "name": "page1",
      "elements": [
        {
          "type": "text",
          "name": "question1",
          "title": "Name"
        },
        {
          "type": "text",
          "name": "question2",
          "title": "Phone"
        }
      ],
      "title": "Starting Page"
    },
    {
      "name": "page2",
      "elements": [
        {
          "type": "text",
          "name": "question3",
          "title": "First"
        },
        {
          "type": "radiogroup",
          "name": "question4",
          "title": "Radio",
          "choices": [
            "Item 1",
            "Item 2",
            "Item 3"
          ]
        }
      ],
      "title": "Questions"
    },
    {
      "name": "page3",
      "elements": [
        {
          "type": "checkbox",
          "name": "question5",
          "title": "Soalan",
          "choices": [
            "Item 1",
            "Item 2",
            "Item 3"
          ]
        }
      ],
      "title": "Last Page"
    }
  ],
  "firstPageIsStarted": true,
  "logoHeight": "300px",
  "logoWidth": "200px"
}

Survey Answer

JSON
{
  "question3": "Anything",
  "question2": "239002312",
  "question5": [
    "Item 1"
  ],
  "question4": "Item 1",
  "question1": "John"
}

It really important for us to display the first page as the customer will fill in their details before start the survey.

The first page of the survey form before submit
Screenshot 2023-09-26 at 8.29.28 PM.png

The first page of the survey form after submit
Screenshot 2023-09-26 at 8.34.34 PM.png

Sign in to comment on this post

Answers approved by surveyjs Support

created a year ago

Hello Firdaous,
Before setting the display mode you can turn-off the first page:
survey.firstPageIsStarted = false;.

Thank you,
Andrew
SurveyJS Team

    Show previous comments (1)
    AT AT
    Andrew Telnov a year ago

      Hello Firdaous,
      We do not show the start page in the display mode. It doesn't makes a lot of sense in the most case.
      For your case, you will need to say that you don't have the started page and move to the first page.

      Thank you,
      Andrew
      SurveyJS Team

      FY FY
      Firdaous Yousof a year ago

        The start page is used for the user to fill in their details before start the timer. The admin will create the form in the form page which here we are using the survey creator and the then the admin will send the form to the user.

        After the user completes the form, the answer will be displayed on the form page for the admin to check so we are using the display mode to disable the form preventing the admin from editing. So here, the admin will need to view the user's personal details.

        1. Based on this scenario, is it correct to use display mode or is there any option available to view the whole form in a display format?
        2. And if the display mode is the answer, is the any option to remove the grey color on the input value?
        Jane a year ago

          Hello,
          Thank you for the update.

          1. Yes, it is correct to use the use the display mode to review survey results.
          2. To modify the appearance of text fields in read-only (display) mode, apply the following CSS style:
          CSS
          .sd-input.sd-input--disabled,
.sd-input.sd-input--disabled::placeholder {
  opacity: 1;
}

          View Demo

          Let us know if you have any further questions.

          Sign in to comment on this post