forms
forms copied to clipboard
Use MutliSelect for dropdown questions
@jotoeri Do you know why the selected option doesn't show up in the dropdown? If I understand it correctly that should be the default behaviour for the option slot...
Maybe you need to provide a variable for storing this. Thus having a variable and using v-model should work, i think :thinking: You can have a look on the examples here: https://nextcloud-vue-components.netlify.app/#/Components/Multiselect
Thus having a variable and using v-model should work
@jotoeri Thanks, that did the trick :)
Wouldn’t this be 2 different options, one for only selecting 1 option from the dropdown and another for multiselect? Or is this only to use the component and multiselection is limited?
(Screenshots are welcome for easier design review. :)
Ah I get it, this is only for the creation process?
Considering your question in the issue @Chartman123
Do you mean that the component should be used to add new options, too, or only for the "real" preview as long as you're not in the edit mode for the options? Because I couldn't find a way to add new options directly within the Multiselect component other than for tags.
Ideally yes, it could be possible to add new options there too. But @skjnldsv or other Vue component experts will have to chime in on if that’s already possible.
Or is this only to use the component and multiselection is limited?
By now the dropdown allows only one option to be selected, however, there are some code elements prepared for multiple options to be selected.
Yes would be nice if some Vue experts could join this conversation :)
Ideally yes, it could be possible to add new options there too.
So as far as i see, the MultiSelect Component does currently not provide that functionality.
Or is this only to use the component and multiselection is limited?
Yes, i'd keep this one for now only to move the dropdown to the component. We can add the other functionality later.
And here's a screenshot of how users can submit then: 😉
| Before | After |
|---|---|
![]() |
![]() |

