Add ability to put answers into columns
Open, NormalPublic

Description

In some cases it might be nice to put answers into columns

  • style applied to answers, for example on this quiz it would be interesting to have long list of short options displayed on several columns
  • Add "div class = 'answers'" to wrap the answers, so they can be styled individual of the question text.
  • possible add a an additional quiz parameter to set it, like gallery's perrow: https://www.mediawiki.org/wiki/Help:Images
Mvolz created this task.Jul 17 2017, 10:45 AM
Mvolz updated the task description. (Show Details)
Mvolz updated the task description. (Show Details)EditedJul 17 2017, 11:16 AM

I've put this into its own task because I'm not sure we'd really be able to do this with css (which was what the other task was about) since putting answers into mutliple columns normally requires putting them in a table, although maybe it is possible to do with CSS3 if we put the answers inside a div instead of/in addition to the table? Worth a try? https://www.w3schools.com/css/css3_multiple_columns.asp

Harjotsingh added a comment.EditedFri, Jul 28, 2:58 AM

@Mvolz
I believe you're suggesting to have multiple columns for question number 1, 2 and 7 where each column has 1 input box ?

I'm not clear on which basis we are supposed to divide it into columns.
Is division supposed to be done when the question is of gapfill type ?

Mvolz updated the task description. (Show Details)Tue, Aug 1, 8:06 AM
Mvolz added a comment.Tue, Aug 1, 8:09 AM

@Mvolz
I believe you're suggesting to have multiple columns for question number 1, 2 and 7 where each column has 1 input box ?

I'm not clear on which basis we are supposed to divide it into columns.
Is division supposed to be done when the question is of gapfill type ?

@Psychoslave can we get clarification on this one? Do you mean you want to put the questions into two columns, or the answers of say, question 4, into columns?

Change 369827 had a related patch set uploaded (by Harjotsingh; owner: Harjotsingh):
[mediawiki/extensions/Quiz@master] Add answers class to proposals

https://gerrit.wikimedia.org/r/369827

Are we trying to achieve something like the screenshot -

If yes then this can be done by wrapping the proposals into divs and adding display:table-cell in Common.css

Mvolz added a comment.Fri, Aug 4, 2:48 PM

Are we trying to achieve something like the screenshot -

If yes then this can be done by wrapping the proposals into divs and adding display:table-cell in Common.css

Yes, I think that could be good.

Either we can simply add the CSS to Common.css right now for the proposal class or we can add new classname ( answers ) to only the following type of question :

Multiple choice / single response
True/false questions
Multiple choice / multiple response

and then add the css.It won't make much difference as the result would be the same, as display:table-cell is ignored for numerical, gapfill type question.

Adding T172593 as parent task as this can't be done with CSS only

Change 369827 abandoned by Harjotsingh:
Add answers class to proposals

Reason:
Abandoning as this can't be done with CSS in Common.css only.
Will be using https://phabricator.wikimedia.org/T172593

https://gerrit.wikimedia.org/r/369827