Hi,
I don't know if this can be done but I would like to create a WebDropDown where the list items are style to show multiple lines per entry with the first line in bold and each additional line as normal text. The first line is a company name and lines 2 and 3 are the address, city, state
I can create the list items this way without any problem using <strong>companyName</strong><br/>address<br/>city, state, zip for the recordset column returned from a SQL query.
The problem that I have not figured out is how to have the company name show in the text box and respond to the user typing for the selected item without the HTML adornment.
Does anyone have an example of how to do this?
Thanks - NormD
Hello Norm,
Thank you for posting this question in our community. I would suggest you to follow this sample in our samples browser. Using the template in the web drop down you can achieve this:
http://samples.infragistics.com/aspnet/Samples/WebDropDown/Display/Templates/Default.aspx?cn=drop-down&sid=65cf1383-7ad7-4e9d-8372-b3fd4c0ea155
If you need further assistance with this do not hesitate to contact me.
Sincerely,
Georgi Sashev
Developer Support Engineer
Infragistics, Inc.
http://ko.infragistics.com/support
Hi Georgi,
Thank you for the quick reply.
I have the WebDataGrid example working with all of the configuration generated in C# code but I like the "Table" example because it supports auto complete in the drop town text element.
Do you have an example of generating this Table style all in C#? I will be trying to figure it out on my own while I await your reply.
A couple of related notes: my dropdown control needs to bind to a Guid column which I would need to have hidden on the page. That is why I started out pursuing the Grid and the container.
I don;t know if I can use the Table approach in your sample with this binding and column hidden requirement. If the border between the container and grid can be eliminated and the dropdown still respond to the user typing as it does for the Table that would be my best solution.
If you need any further assistance with this matter do not hesitate to contact me.
Hi Norm,
Thanks for the update. Try this and do not hesitate to contact me for any further questions.
CSS is still a mystery to me but I will try.
NormD
You can use the grid and remove the spaces with css try this approach and let me know if you have further questions.