What would be causing this?
I've got an UpdateProgress control in my page that listens for any Async requests, namely changing a tab in a WebTab and changing a WebDropDown item. The UpdateProgress .gif animates fine when I'm changing tabs, however, as soon as I change the drop down item in the WebDropDown, changing tab just gives me a 'frozen' gif animation.
The WebDropDown has AutoPostBackFlags-SelectionChanged set to Async, and no other properties. Scratching my head to figure out why it's doing this, but figure it might be a client side issue.
Any ideas?
Also, this is when running the page within a winforms application. Otherwise it works fine.
I've also noticed that the spinner is only disabled if after selecting an item from the dropdown, the cursor is flashing in the dropdown box (i.e. as if you were typing)
Alright I can confirm that the issue definitely appears to be whether or not a caret is in the dropdown box after selecting an item. If there is no flashing caret in the box, it appears to work fine, however, if there is after making a selection, even if I change the selection or click off so the caret stops flashing, I get the error with the loading image not animating. Is there any way to completely disable putting a caret cursor in the dropdown? I already have enablecustomvalueselection and enablecustomvalues set to false, but it still shows up.
Hello Alex,
Thank you for posting in the Infragistics community !
Please set the DisplayMode property of the WebDropDown to DropDownList as follows:
<ig:WebDropDown ID="WebDropDown1" runat="server" DisplayMode="DropDownList">
This will disable the caret showing. Please let me know if you have any further questions on the issue.
Thanks for the reply, but setting this property still has the caret showing. Tried readonlylist but that's the same issue, plus I can't select any of the items
This is strange. Do you use an external editor for the WebDropDown control ? If so, please do not use external editor. It makes no sense if the user is not allowed to enter custom values and select them.
Please see my attached sample with the following markup:
<ig:WebDropDown ID="WebDropDown1" runat="server" DisplayMode="DropDownList"> </ig:WebDropDown>
No caret is shown and the user is only able to open the drop down list and change the selection. I hope this helps. If you still need assistance with this please feel free to send your sample for investigation.
Hello,
I'm just following up to see if you need any further assistance with this issue. If so please let me know.
this seems like a browser's wrong behavior, since the input element of the WebDropDown is marked with the readonly attribute and the browser still shows the caret. I suggest you to use .blur() method on the element when it receives focus. You can do this for all input elements via jQuery as follows:
$('input[readonly]').focus(function () { this.blur();});
After the element gets blurred it will no longer show the caret in IE. I hope this helps. Please let me know if you have further questions on the issue.
I have been able to reproduce this behavior and will update the case with my findings.
Is there a way to programmatically remove focus from the input section of the dropdown?
I've already tried a suggested method using $find, but this gave me a null reference error.
That being said, it does work in Google Chrome...just not IE11