Question T11738
Visible to All Users
Duplicate

We have closed this ticket because another page addresses its subject:

How to disable the Complete button in surveyjs form

Need to show survey in Preview mode only

created 2 years ago

As per business requirement, we need to show survey definition exactly the way it shows in survey creator's preview tab. Do not wish to display tabs, survey toolbox, survey property grid, survey title and survey description. Only questions with page navigation buttons. Please suggest the way to implement the same.

Comments (2)

    Hello,
    Please let me make sure I correctly understand your requirements. From what I gather, you wish to run a survey and display a page navigation panel to allow users to fill in the questionnaire and easily navigate between pages.

    I look forward to your reply.

      I wish to run survey which should not show title and description of survey and survey complete button.

      Answers approved by surveyjs Support

      created 2 years ago (modified 2 years ago)

      Hello,
      Hope this message finds you well. Just wanted to share the following example with you: SurveyJS Form Library: Table Of Contents Navigation Example. It demonstrates how to implement a left-side navigation panel which allows users access survey pages with ease:
      Clipboard-File-1.png

      Please take time testing this example. We would appreciate your feedback and suggestions.

      Thank you

        created 2 years ago

        Hello,
        Thank you for the clarification.

        If you don't want to display survey title and description, you can simply do not specify a survey's title and description properties.

        Regarding the survey Complete button: you can simply hide it with the following code

        JavaScript
        var completeButton = survey.navigationBar.actions.find(x => x.id === "sv-nav-complete"); survey.navigationBar.actions.splice(survey.navigationBar.actions.indexOf(completeButton), 1);

        Alternatively, hide the default survey navigation bar by setting survey.showNavigationButtons to none and implement a custom navigation panel. For more information, refer to the following demo: External navigation.

        Please let me know if you have any questions.

          Comments (2)

            Thank you for providing quick solution

              You're always welcome. Please feel free to contact us if you have any questions or require further assistance.