I want to use the IG in one of my page. I hope there is a control I can use to implement the functionality as the attached img. Which control can I use into my project?
Any suggestion will be appreciated.
Thanks,
Johnny
Thanks for your support
Hello Johnny,
In the following example you can view how Templates can be used to customize your “WebDropDown” content - http://samples.infragistics.com/2010.3/WebFeatureBrowser/contents.aspx?showCode=true&t=WebDropDown/WebDropDownTemplates.aspx~srcview.aspx?path=~srcview.aspx?path=WebDropDown/WebDropDownTemplates.src
Look closer at the third control on the page – it shows how an Image can be used as a template. You can see in the source code section that the template used consists two elements. You can put a hyperlink or label (plain text can be used too) instead of the Image:
<ItemTemplate>
<asp:Image ID="Image1" runat="server" Style="vertical-align: middle;" ImageUrl='<%# DataBinder.Eval(Container.DataItem, "ImageUrl")%>' />
<%# DataBinder.Eval(Container.DataItem, "Text")%>
</ItemTemplate>
In this way you can build the required by you functionality.
Let me know if you have other questions.
Thanks for your great support. I am wondering if you can give me a code example. Looking forward your feedback.
“WebDropDown” control has many properties that you can use to achieve the described by you functionality.
You can open our Feature Browser and look at some of the properties available - http://samples.infragistics.com/2010.3/WebFeatureBrowser/Default.aspx (Navigate to “WebDropDown” section from the left tree).
Look closer to “Templates” and “Multi Selection” sections that can show you how you can customize the “WebDropDown” control.
If you want to achieve the functionality of Outlook address bar you can bind the display text (plus e-mail for example) to the drop down “Text” property and actual e-mail to the control “Value” property.
When the user selects some of the displayed names (formatted with e-mail as in your screenshot) you can then use the control value to get the actual e-mail of the user without the name and formatting.
It is possible to make it working at the same way as outlook address textbox. Something like this should be working in the similar way:
<ig:WebDropDown ID="WebDropDown1" runat="server" Width="200px" EnableAutoFiltering="Client" EnableAutoCompleteFirstMatch="false" CurrentValue=""> <Items> ... </Items> </ig:WebDropDown>