Select Box with Multiple changing to List Box
-
- Profound User
- Posts: 27
- Joined: Wed Dec 14, 2011 12:25 pm
- First Name: Shon
- Last Name: Malone
- Company Name: Summit
- Phone: (863) 668-7657
- Address 1: 2310 Commerce Point Drive
- City: Lakeland
- State / Province: Florida
- Zip / Postal Code: 33801
- Country: United States
- Contact:
Select Box with Multiple changing to List Box
I would like to use a standard Select Box, where a user can select a value from a standard drop-down. When I enable the 'Multiple' setting to allow the user to select multiple values from the drop-down, Profound UI automatically converts the Select Box to a List Box. Unfortunately a List Box is set up to show a larger list if values without the user having to click on the drop down box. I know that the List Box can be re-sized to roughly the same size as the previous Select Box, but the graphic drop-down arrow from the Select Box is also replaced with a an up-and-down arrows graphic for the List Box and the list no longer unfolds to an appropriate size for the values in the list but rather the user is forced to navigate up and down with the new arrows graphic. Is there any way for the me to use the Select Box, with the 'Multiple' setting, and the standard drop-down list and allow the users to control click the multiple values that they want? I am fairly sure it used to work this way before the automatic switch to the List Box.
- matt.denninghoff
- Profound Logic Staff Member
- Posts: 115
- Joined: Wed Feb 10, 2016 3:53 pm
- First Name: Matthew
- Last Name: Denninghoff
- Company Name: Profound Logic Software
- State / Province: Ohio
- Country: United States
- Contact:
Re: Select Box with Multiple changing to List Box
The Profound UI Dropdown box is simply the standard HTML select tag. When you set the "multiple" property to true, the select tag's multiple attribute is set, as you can read here:
https://www.w3schools.com/tags/att_select_multiple.asp
So the behavior you're seeing is the way web browsers handle the select tag. And there is no Profound UI widget or HTML component that will do what you're describing. It sounds like a combination of UI components.
You could create a custom widget using some complicated Javascript. But I'm not sure how it would behave when one value is clicked. You'd need to decide when to show the extra values and when to hide them. How does the user know they can select multiple values. Which value do you show in the box when the extra values are not visible.
https://www.w3schools.com/tags/att_select_multiple.asp
So the behavior you're seeing is the way web browsers handle the select tag. And there is no Profound UI widget or HTML component that will do what you're describing. It sounds like a combination of UI components.
You could create a custom widget using some complicated Javascript. But I'm not sure how it would behave when one value is clicked. You'd need to decide when to show the extra values and when to hide them. How does the user know they can select multiple values. Which value do you show in the box when the extra values are not visible.
Who is online
Users browsing this forum: No registered users and 12 guests