Hi,
I need to select multiple items from the dropdownlist and I found a solution in the below link:
http://www.essentialobjects.com/doc/1/combobox/dropdown.aspxI tried using the below code:
<eo:ComboBox runat="server" ID="CombBox1" ControlSkinID="None" DefaultIcon="phone.gif"
HintText="Select a phone" Width="150px">
<TextStyle CssText="font-family: tahoma; font-size: 11px;" />
<IconStyle CssText="width:16px;height:16px;" />
<IconAreaStyle CssText="font-family: tahoma; font-size: 11px; background-image:url(00107007); background-position: left left; background-repeat:no-repeat; vertical-align:middle;padding-left:2px; padding-right:2px;" />
<DropDownTemplate>
<div style="border: solid 1px #c0c0c0; background-color: White; padding: 3px;" class="normal">
<table border="0">
<tr>
<td valign="top">
<eo:ListBox runat="server" ID="ListBox1" ControlSkinID="None" Height="200px" Width="200px" AllowMultiSelect="true" MultiSelectModifier="Shift">
<FooterStyle CssText="background-image:url('00106002'); background-position: left top; background-repeat: repeat; height:16px;padding-bottom:2px;padding-left:7px;padding-right:2px;padding-top:2px; margin-top:3px; height: 18px;" />
<BodyStyle CssText="border: solid 1px #dedede;" />
<ItemListStyle CssText="padding: 4px;" />
<DisabledItemStyle CssText="border-bottom: solid 1px #dedede; color: #c0c0c0; padding: 2px; padding-left:2px; padding-top:4px;padding-right:2px;padding-bottom:4px;" />
<ItemStyle CssText="border-bottom: solid 1px #dedede; padding-left: 2px; padding-right:2px; padding-top:4px; padding-bottom: 3px; background-color:white;" />
<ListBoxStyle CssText="font-family: Tahoma; font-size:12px;background-color:white;" />
<SelectedItemStyle CssText="background-color: #08246b; color:white; padding-left:2px; padding-top:4px;padding-right:2px;padding-bottom:4px;" />
<MoreItemsMessageStyle CssText="padding:2px;" />
<HeaderStyle CssText="background-image:url('00106001');background-position-x:left;background-position-y:top;background-repeat:repeat;height:16px;padding-bottom:2px;padding-left:7px;padding-right:2px;padding-top:6px;height:19px;margin-bottom:3px;" />
<Items>
<eo:ListBoxItem Text="Item 1" />
<eo:ListBoxItem Text="Item 2" />
<eo:ListBoxItem Text="Item 3" />
<eo:ListBoxItem Text="Item 4" />
<eo:ListBoxItem Text="Item 5" />
<eo:ListBoxItem Text="Item 6" />
<eo:ListBoxItem Text="Item 7" />
</Items>
<ItemHoverStyle CssText="border-bottom: solid 1px #dedede; padding-left: 2px; padding-right:2px; padding-top:4px; padding-bottom: 3px; background-color:#f3f7fc;" />
</eo:ListBox>
</td>
</tr>
</table>
</div>
</DropDownTemplate>
<ButtonStyle CssText="width:17px;height:23px;" />
<ButtonAreaStyle CssText="background-image:url(00107005);" />
<ButtonAreaHoverStyle CssText="background-image:url(00107006);" />
<TextAreaStyle CssText="font-family: tahoma; font-size: 11px; border-top: solid 1px #3d7bad; border-bottom: solid 1px #b7d9ed; vertical-align:middle;padding-left:2px; padding-right:2px;" />
<HintTextStyle CssText="font-style:italic;background-color:#c0c0c0;color:white;line-height:16px;" />
</eo:ComboBox>
But, the above code allowed me to select only one item at a time, even using AllowMultiSelect="true" MultiSelectModifier="Shift"
Can you provide me a solution to select multiple items at a time from the dropdownlist.
Thanks,
Divya.