New feature : add a prioritize question type about survey-library HOT 7 CLOSED

Hi,
I am not a great fun of drag & drop, since it does not work on mobile well.
I can show a list with up and down buttons, so the user may change the order. However, what if you need to select TopN from M (where M > TopN)? How to show it?
What do you think about the following UI?
There are several dropdowns, from 1 to N. Each dropdown contains all possible options. Optionally a customer may add/delete the number of dropdowns. All dropdowns should have a selected option and any two dropdowns could not have the same selected option.

Thank you,
Andrew

from survey-library.

Hello Andrew,

Agree that drag & drop does not work well on mobile.

An easy way of implementing it would be to have a table with 2 columns :

• first column = input for rank number (fix width)
• column 2 for labels to order (variable width for responsiveness)

and the system would check that not twice the same number is input in
column 1 and that numbers go from 1 to x when there are x labels.

kind regards

Frank

Le 16/07/2016 à 22:41, Andrew a écrit :

Hi,
I am not a great fun of drag & drop, since it does not work on mobile
well.
I can show a list with up and down buttons, so the user may change the
order. However, what if you need to select TopN from M (where M >
TopN)? How to show it?
What do you think about the following UI?
There are several dropdowns, from 1 to N. Each dropdown contains all
possible options. Optionally a customer may add/delete the number of
dropdowns. All dropdowns should have a selected option and any two
dropdowns could not have the same selected option.

Thank you,
Andrew

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
#36 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ACPrTFV2SKUF8gNfvcm7t4JaUwUDtnt7ks5qWUHhgaJpZM4JN-Fv.

from survey-library.

Hi Frank,
Could you please to play with this demo
What do you think about it?

Thank you,
Andrew

from survey-library.

Hi Andrew,

Sorry not to be very enthusistic.

I would like features ordered like in a backlog. So user cannot remove
or add a line. User is asked to order the different labels (here
colours) from mot prefered to less prefered.

Doing so with several selects is fine. But If I choose black in first
and then black in second, in the demo, the first label is modified to
green. I would prefer to show that there is an error in the two fields
maybe by a red background color thant make a correction automatically
that the user may not see. And the correction may not be the right one.
Maybe it was the second label which was selected by error.

Kind regards

Frank

Le 20/07/2016 à 15:57, Andrew a écrit :

Hi Frank,
Could you please to play with this demo
https://jsfiddle.net/AndrewTelnov/uyg1uuyp/
What do you think about it?

Thank you,
Andrew

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
#36 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ACPrTE7uoQg0cZMGN_CFxt-2xtEpRARGks5qXikzgaJpZM4JN-Fv.

L'absence de virus dans ce courrier électronique a été vérifiée par le logiciel antivirus Avast.
https://www.avast.com/antivirus

from survey-library.

Hi Frank,
I have updated the prototype. Is it closer?

Thank you,
Andrew

from survey-library.

@Frank13 It took more then a year :-) We have added the custom widget support. Here is example of what you wanted: https://www.surveyjs.io/Examples/Library/?id=custom-widget-sortablejs

Thank you,
Andrew

from survey-library.

HI @andrewtelnov ,

Is there anyway to change the default text "Move items here.",
I tried updating the metadata in ts file, but no luck.

-Thanks in advance.

from survey-library.