[Forms] Enhance question input to match the design

[aniri]

Go to forms page, add a section and a question.

Merge the question text input and the question type dropdown as seen in the design.

Please see complete figma here: https://www.figma.com/file/61NHR7fwmV1Dsv4Pb6F8T7/code4ro_mv_user-management_2018.04.21-(Copy)?node-id=754%3A0 , check under 'create form'

[Botosio]

Questions, so we would need to save 2 values for this correct?
The question text and the dropdown value. Merge the UI into one should be that hard (custom css, I don't believe bootstrap lets you do this).

I noticed when you make changes to the dropdown the "options" do not reflect the change, do you want that happen in this change also?

[aniri]

@Botosio yes, we need to save 2 values for this, as they are saved now. We just need to merge them into one visually.

I don't think there's a need for updating options when the dropdown changes. The question type is used when displaying the forms to the end users, if they can pick one of more options.

[Botosio]

@Botosio yes, we need to save 2 values for this, as they are saved now. We just need to merge them into one visually.

I don't think there's a need for updating options when the dropdown changes. The question type is used when displaying the forms to the end users, if they can pick one of more options.

So if they choose multiple-choice, add 3 options. then go back and make it a single choice. The form still shows 3 options.
So at that time, should we make it so they could only have 1 choice? Up to you, let me know.

[aniri]

@Botosio I think the naming of the dropdown values is a bit confusing 😃 The forms configured here will be answered by the users on the mobile apps.

So, if a question has 3 options and is of type 'single choice' when the user answers the question, they will only be allowed to pick one of the 3 options. If the type is 'multiple choice' they can pick more than one. So the number of available options is not affected by the question type, just the allowed user behaviour.

I hope this makes sense now :D

[Botosio]

Ohhhh ok that I'm with you now!