Quiz App back and forward option

Thunkable Discuss
#1

I have created a quiz app where within the same screen can press the “forward” button to next question and “back” button to previous question.

How to create the blocks where:

When I answer the question with selected option ( A,B,C & D) then if I go to next question and if back to previous question should see back my previous selected answer ?

Example 1 : 
Question 1 : If answer B and C where C is the correct answer,
Then I press forward button for Question 2 and go back to Question 1 then should see both my wrong and correct answer.

Example 2:
Question 2: I answer A where this is correct answer.
Then I press back button to go Question 1. ( At this stage I want to see my previous selected answer)

Later if I go back to Question 2: At this stage, I should see the selected answer that I choose before -Answer A .

Then If I go to Question 3, I should select the answer and should not carry forward from the previous page.

1 Like
#2

This really depends on how you’ve set up your project so far. If you’re using a data source for the questions and answers and you have a single quiz screen with placeholder labels and images, you just need a question number variable that changes as the user goes “forward” and “backward” through the questions.

You’re welcome to post the link to your project and someone may be able to help with this.

2 Likes
#3

Hi:

Here is the link for my project and hope someone can help me.

https://x.thunkable.com/projects/6017d3a48caea500112eec79/ed932cae-c295-48d0-a3b6-05a64823a68f/designer

#4

Hi @rajanrj529, Maybe you could put each question on its own screen and program the screen to get the data and then navigate through screens for forward and backward options.

Could you make this link public?

#5

Hello! I find this really simple because I made something very similar 1 or 2 days ago, except I don’t have a forward and backward button, instead I have a slider.

Link: https://x.thunkable.com/projectPage/60213176e2e36a54a78c15f1

#6

I’d recommend avoiding this method for creating a quiz. It’s a ton of work to change/fix individual question screens when set up this way. Much better to use dynamic variables/blocks on a single screen. That way, if you have 5 questions, it uses one screen and if you have 500 questions, it still uses one screen (not 500 screens!).

#7

I meant like 5 question quiz apps. But It is not a good idea for the big quiz apps.

#8

Hi:

I have 1 screen with 50 questions.

Thanks.

#9

The link you posted doesn’t work.

image
image1638×462 26.5 KB

#10

This is a Quiz project. The idea is to show back/next button. So the project is not complete and you will need to revisit the codes as now it’s not proper.

https://x.thunkable.com/projectPage/60277244b4de024543ef8823

#11

Dear All:
Thank you for all your responses and below is my project link again and hope you guys can open and review.

https://x.thunkable.com/projects/60287804a0284b615da361de/ed932cae-c295-48d0-a3b6-05a64823a68f/designer

I have edited and can go back and forward.
The problem is the selected answer will carry forward to next page or previous page questions.

I want the selected answer to remain in the same page and when go to new questions should clear and need to choose the new answer.

Note: Ignore the issue for answer A .

#12

It works ok but after one question you might want to uncheck the last option and clear the incorrect/correct label to not confuse users.

#13

Hi:

How to selected answer to remain in the same page and when go to new questions should clear and need to choose the new answer ?

1 Like
#14

Look at the example I shared earlier. I created it just to show one way of how you can achieve the requirement you where talking about.

#15

Hi Muneer:

The sample project that you provide is not fixing my issue.

If answer selected then it carry forward to next question and so.

My requirement was the chosen answers/answer should remain in the same question and should not carry forward to next questions. Also, when go back to the given answer question, then should able to see selected answers.

1 Like
#16

This is exactly what I showed in the project.

See this…

Screenshot_20210216_150229
Screenshot_20210216_1502291080×2108 136 KB

#17

This is my lesson application and its language is Turkish.
But if what you want to do is something like this I can help.

eG-Ders Testler Tanıtım1280×720

eG-Ders Testler Tanıtım

PlayStore: https://play.google.com/store/apps/details?id=com.gmail.emregoker1903.egderscopy2 .

AppStore: ‎eG-Ders on the App Store