QUIZ Template - Tutorial    
This topic is assigned to Victor Robu

Feb 15, 2012 09:35 AM

SC released a new version of QUIZ Template, which is wanted to be more user friendly and includes several improvements.

Seattle Clouds users can choose this template for building their own quiz test related to different topics. 

To start your own quiz application is very easy if you follow the steps described bellow:

* Select QuizTemplate from Templates page.

* Choose "Use This Template" and insert the desired name for your application project.

Quiz template as basics uses two page types "Quiz Question" and "Quiz Feedback". First contains the question and several replies, the latter the correct answer and link to next question.

 - "Quiz Question" page contain inside the question itself with answer to choice. This page represent a kind of menu page with specifically items configuration.

 - "Quiz Feedback" page content represent a short description or hint related to previous question.

Edit QUIZ Template:

1. Similar to other application templates from the Seattle Clouds, tab1.html page is the start page of the application. You can edit it and put your custom name, style, background, drag/move page elements e.t.c.

2. To change the name of the Buttons or change the links for them when they are pressed, go to: My applications >Your_App > Edit Pages > tab1.html - EDIT > Drag/Move Page Elements

Here you can change the position of the buttons and their style.

3. Now you can start editing question page.

Go to: My applications >Your_App > Edit Pages > your_question_page_name.html – EDIT

Field 1 - You can put your Question Text, Text Color, Background and Choose a Quiz Next Page.

Note: Quiz Next page could be a next question or a Feedback page for this question.

Field 2 -  When randomize function in enabled you can put there a name for a category quiz. So you will have one general QUIZ (questions from all categories) for example a START button and add unlimited QUIZ'es buttons by question category. 

Change in TAB's HTML for adding QUIZ buttons by category:

<div style="float:left;width:133px;">

    <a style="color:#ffffff;font-size: 18px;font-family: STHeitiTC-Light, 'Century Gothic'; 

    text-align: center; line-height: 60px; " href="Question1.html">

      <img src="start_btn.png"> </a>  </div>


<div style="float:left;width:133px;">

    <a style="color:#ffffff;font-size: 18px;font-family: STHeitiTC-Light, 'Century Gothic'; 

    text-align: center; line-height: 60px; " href="Question1.html?quizcategory=category_name">

      <img src="start_btn.png"> </a>  </div>

By default is an empty field.

Field 3 - Answers Items - you can add a new item (answer) just clicking "+"  button below the list. To delete an item, select it and click "-" button. Or, you can just to edit the current answers.

Field 4 - Item Properties - you can choose the correct answer and Item background.

4. Editing Feedback page.

Go to: My application >Your_App > Edit Pages > your_feedback_page_name.html – EDIT

Here you have the possibility to input your custom text and select The Next page in your application then “Continue” button is pressed.

**NOTE: Each feedback page should be linked to the next question page.


Your last page (Question/Feedback) should be linked to the Result.html page.


Also our new Quiz Template has randomize option (disabled by default).

To enable this option go to: My application >Your_App > Application Settings > Quiz Settings > + > Enable randomize pages > √

Here you can choose and how many question will contain your Quiz App.

Example: If you inserted 200 question but you want that your application contain only 10 question (everytime randomized) choose from “Number of random pages in quiz” drop-down number 10.


TOTAL SCORE = Correct answers given * (100 / TOTAL QUIZ questions) 

An example:

In a QUIZ of 30 questions I gave the right answer for 15 questions, the score will be: 

15 * (100/30) = 15 * 3.3(3) = 49.9(9) ~ 50 

Feb 20, 2012 10:34 PM
How can I implement this quiz in other templates and make sure I have all the functionality? Existing and combining two templates.

I would like to add it to an existing app now.

Thanks in advance.

Feb 21, 2012 05:17 AM

Yes you can add and not-quiz page type, just use the QUIZ template to start your app.


Feb 21, 2012 10:07 AM
Yes, I figured I would need to start with the Quiz template. I wanted to add it to some existing apps. Hopefully you can make that possible also.

I have a few apps I'm working on that are not finished, I'll just add them to a quiz template etc.


Mar 15, 2012 11:45 AM
Hi, how can I add more text to the answer buttons?

Mar 16, 2012 09:06 AM
Mayra you change / add more on the html edit page.

Mar 21, 2012 10:30 AM
Can someone help me with how to move the four quiz response buttons up?  I would like the question and buttons to all be on the screen so the user does not need to scroll down each time to pick an answer. There did not seem to be breaks in the html code I could delete.

Mar 22, 2012 09:35 AM
Hi, Ty

You can try to upload a smaller Question Background Image, it should work.

If you need any assistance please open a support ticket and we will help with this.


Mar 22, 2012 04:21 PM
Ty, I used a smaller background image and it worked.

Aurel/SC can someone respond to my ticket for the quiz? It has been over a week and that's highly unusual for you guys.

The quiz was supposed to be fixed with a new binary but the problem persists.

Thanks in advance.

Mar 23, 2012 02:32 AM
Hi, Liza

Sorry for any delay. I answered at your ticket.

Thank you for your patience,

Apr 22, 2012 06:49 PM
Is there any way to separate quiz questions into folders or sections? So that the user can choose which topics they want to answer questions about?


Apr 27, 2012 10:54 AM

You can try to use Trivia Quiz template ( http://seattleclouds.com/trivia-quiz-app )

I think this is what you are searching.

Apr 29, 2012 11:06 PM

Hi everyone.  Is there a way to have more than 1 correct answer for a question (i.e., multiple response with checkboxes) in a quiz?  For example:

Which of the following people were US Presidents? [Select all that apply]

a. George W. Bush [correct]

b. John F. Kennedy [correct]

c. Martin Luther King, Jr.

d. Arnold Schwarzenegger

Apr 30, 2012 01:26 AM
Hi, BD

Unfortunately, our system does not support this feature yet. But, if you are interested, please open a support ticket and we will discuss about that.


Apr 30, 2012 06:10 AM

Hi Aurel.  I am very interested in this feature  I currently have a free account to create my app.  I want to make sure that SC has the functionality that I need to create my quiz app.  Once I am able to determine this, I will upgrade to another level in SC.  Since I am unable to submit a ticket as this time due to my FREE status on SC, is there someone I can talk to via email or phone about getting this function for my app?

Thanks so much!  Bethany

Please check your mail.
Thanks so much, Aurel!

Jun 05, 2012 11:15 PM
Hi Aurel.  I was wondering if you guys are getting any closer to creating the multiple response questions in the quiz template (see other postings in this thread)?  I would like to get moving on my app.  Thanks...

    1 2 3   next