In the Quiz / Exam feature, how do I enable questions to word-wrap instead of being cut off?

Home Documentation How To In the Quiz / Exam feature, how do I enable questions to word-wrap instead of being cut off?

When using the Quiz/Exam feature in your app, if you would like the questions to wrap instead of cutting off (so you can see the entire question in the app), simply apply the code below:

 

1) Go to your App Manager l and select your app.

2) Click Colors from the left-hand-side of the screen (or the “Colors” tab in middle of the screen).

3) Scroll down to the Advanced CSS box and enter the following code:

/** Begin fix quiz word-wrap*/
.item, .item h1, .item h2, .item h3, .item h4, .item h5, .item h6, .item p, .item-content, .item-content h1, .item-content h2, .item-content h3, .item-content h4, .item-content h5, .item-content h6, .item-content p {
white-space: normal;
}
/** End fix quiz word-wrap*/

 

4) Click Save

 

NOTE: If you already have code in the Advanced CSS box do NOT delete it.  Simply add the above code “below” the last character of code in the box.

 

NOTE 2: An alternative CSS edit is:

/** Begin fix quiz word-wrap2*/
.item p {
text-overflow:initial !important;
white-space: normal !important;
}

/** End fix quiz word-wrap2*/

 

Comments are closed.