Hi,
When I have a webdropdown in a div and use the jquery UI tabs element, and populate the dropdown in the pageload event, if the tab (div) that contains the webdropdown isn't visible, when I switch to that tab, the dropdown has items it but the dropdown will not appear.
i can tell that it exists, it just isn't visible. i have a need to use multiselect dropdowns on tabs that are created with jquery UI and the dropdowns on the hidden tabs won't show their actual dropdown elements.
please help,
Let me know if I may be of further assistance.
Hello,
I have created online sample based on your code and everything looks okay, could you please take a look and let me know if I am missing something from your scenario.
Sample:
http://jsfiddle.net/bhuza1j1/
Looking forward to hearing from you.
Zdravko,
your example is much simpler.
i still have the problem but its part of a much bigger solution, too large to send you. i'll try find time to send you an example
in the meantime, i tried using the Ignite UI combobox but i get "Microsoft JScript runtime error: Object doesn't support this property or method" at the following line:
$("#checkboxSelectCombo").igCombo({ width: "270px", dataSource: colors, textKey: "Name", valueKey: "Name", multiSelection: "onWithCheckboxes" });
this is straight out of the sample.
wvusaf
Hello wvusaf,
Thank you for contacting us.
As I understand from your explanation, you are using jQuery UI tabs widget and in one of the tabs you have WebDropDown which is populated with data on PageLoad, and you cannot access its items. I have created a sample in order to reproduce the issue, although I couldn't. You can find it attached, in the first tab I have a WebDropDown which is bind to SqlDataSource and in the second tab you will find another WebDropDown which is bind in PageLoad event. Both are working as expected. Could you please try to isolate the issue in the sample and send it back to me in order to investigate it further for you. This will be highly appreciated.