Hi,
I downloaded trial version of Webdropdown version:11.2.20112.1019 and started using that in my application to see whether it functions properly. If it works well, I can go ahead to buy paid license for this control.
It has been around 45 days I downloaded the control and now I am able to see one issue suddenly.
When I use $find("webdropdowninstance"), it retrieves NULL.
Is it because the trial version might have expired or there is some other issue. Please let me know.
Hi Nikolay,
#1: It is not working as expected. I am able to see the border but the main problem is that there is a gap between the dropdown textfield and border which looks awkward. When I place cursor on the webdropdown, then only, the gap between textfield and border goes off.
#2: I don't think this is possible for a trial version. If yes, how to do this?
#3: Working as expected.
#4: Did not work.
#5: Another issue, when I open the webdropdown, it closes automatically the very first time. When I open it the second time, then only it shows the items and stays here.
Also, whom do we need to contact to get the license and how much time it will take?
Hi, Sunil Mehta.
#1. Use the following properties:
<ig:WebDropDown ID="WebDropDown1" runat="server"
BorderStyle="Solid" BorderWidth="3px" BorderColor="Aqua">
</ig:WebDropDown>
#2. You should ask Developer Support for that. They will create you a case for this problem.
#3. You need every time to check the count of drop down items and depending on the number you should set the container height. I suggest you to do this if the count is lower than 10 or number close to this. Also in the following code we assume the height of an item is 30px:
<ig:WebDropDown ID="WebDropDown1" runat="server" OnInit="WebDropDown1_OnInit">
In Code-behind
protected void WebDropDown1_OnInit(object sender, EventArgs e)
{
int itemCount = this.WebDropDown1.Items.Count;
if (itemCount < 10) {
this.WebDropDown1.DropDownContainerHeight = itemCount * 30;
}
#4. Override the default Hover style:
<style type="text/css">
.igdd_IGListItemHover { color: green !important; }
</style>
Sometimes I'm sending you links to the topics, because it's good for you to get familiar with the control. Because I'm volunteer in this forum I'm not always available and it's good for you to be able to find solutions for your problems. That's why I gave some advices like using Visual Studio Intellisense (I fix #1 issue using that), using browser debugger, using our help and samples. But most of your issues were not so trivial and it was very interesting for me to investigate them. So I hope these answers will help you again.
Best regards, Nikolay
Nikolay,
Thanks a lot. Your suggestion worked. Now, functionality-wise, the webdropdown looks fine. I have few minor issues in appearnce of the webdropdown. If you can answer me directly for these problems rather than pointing to a document, it would be great. The details are there in the attachment:
The next code works on my machine I hope to work for you too:
In ASPX:
<script type="text/javascript">
function categoryChanged(sender, e) {
var productDropDown = $find("<%= productDropDown.ClientID %>");
productDropDown.loadItems(e.getNewSelection()[0].get_value());
</script>
<ig:WebDropDown ID="WebDropDown1" runat="server">
<ClientEvents SelectionChanging="categoryChanged"/>
<ig:WebDropDown ID="productDropDown" runat="server" OnItemsRequested="productDropDown_OnItemsRequested">
In Code-behind:
protected void productDropDown_OnItemsRequested(object sender,
Infragistics.Web.UI.ListControls.DropDownItemsRequestedEventArgs e)
string valueFromTheFirstDropDown = e.Value.ToString();
I have created a procedure on server side with handler as "ItemsRequested" of the dropdown. But I am not sure how to access the value of group dropdown in this procedure. Do you know how to do that?