Sometimes it can be useful to directly go to the next page once a user has answered a question, and that the answer is submitted as well. This can be done with the page break element and some single answer elements.
| Info |
|---|
The page break element ensures that all answers before the page break are submitted when you go to the next page in the form. |
Step 1: Page break
Place the page break directly after the question you want to save. For more information about adding question elements read https://mopinion.atlassian.net/wiki/spaces/KB/pages/506691905/How+do+I+build+a+feedback+form#Add-%26-delete-elements
Step 2: Navigation
Click on the page break element and toggle 'Submit and navigate to next page when last question before the page break is answered'. Optionally you can hide the navigation button by clicking on 'Hide back/next navigation'.
Elements for which this applies
This setup can be done after the score elements, radio button, or dropdown element.
Video Walkthrough:
Recording #6.mp4
| Easy html macro |
|---|
| theme | {"label":"solarized_dark","value":"solarized_dark"} |
|---|
| contentByMode | {"html":"<div id=\"surveyContent\"></div>","javascript":"var confluenceData = {};\nvar pageId;\nvar pageTitle;\n\ntry {\n confluenceData = JSON.parse(parent.window.name);\n var pageId = confluenceData.options.productContext['page.id'];\n var pageTitle = confluenceData.options.productContext['page.title'];\n} catch(e) {}\n\nvar src = 'https://collect.mopinion.com/assets/surveys/2.0/js/survey.min.js';\n\nvar vars = {\n key:'211a4fdb96626776846147095cc335b448e20458', \n domain:'app.mopinion.com', \n divName:'surveyContent', \n button:false, \n use_collect:false, \n useQuerySelectorAll:false\n};\n\nvar s = document.createElement('script');\ns.async = 'async';\ns.id = 'mopinionFeedbackScript';\ns.src = src;\ns.onload = s.onreadystatechange = function() {\n if (!s.readyState || s.readyState === 'loaded' || s.readyState === 'complete') {\n try {\n srv.loadSurvey(vars);\n } catch (e) {}\n }\n}\ndocument.head.appendChild(s);","css":""} |
|---|
|
|