Hi Petar,

I'm using version 10.2 and it is reproducible. I might be missing something. If required, I'll provide a sample to you. Let me know.. Trying your solution on my current version, not sure if it will work. Will keep you posted soon with the results.

-Sagar

Hi Petar,

The solution you provided works in one way. I've written the initialize method at client side and debugged it. ig_controls shows 2 members out of which one is the WebDropdown list which we're interested in. However we cannot directly use it as "ig_controls.WebDropDown1._elements..." because inside ig_controls, it shows client id of the control and not the one which we gave.. something like "ig_controls.ctl00_ViewContent_something_webDropDown1".

Have you tried using it directly like "ig_controls.WebDropDown1._elements ... "? Hard coding the client id in java script is one option but that's not a good idea.

Can you please let me know? Thanks a ton for your reply.

-Sagar

Hi Sagar,

Thank you for your reply.

I am yet unable to replicate the matter. A small sample illustrating the issue would be greatly appreciated. Any additional information you can provide me with regarding the specifics of the scenario would help me to isolate the matter.

Regarding accessing your WebDropDown on the client, I would suggest that you try that using:

 $find('<%= WebDropDown1.ClientID %>')

Please feel free to contact me with any additional questions.

$find('<%= %>') doesn't work because we have to set the width thru "ig_controls.WebDropDown1_ClientID._elements ..." so $find isn't useful in this context.

And for the sample you wanted to replicate this issue, here it goes:

<ig:WebDropDown ID="WebDropDown1" runat="server" NullText="my search" Width="300px"

                        AutoSelectOnMatch="false" CssClass="igdd_ValueDisplay"

                        DropDownContainerHeight="150px" DropDownContainerWidth="300px"

                        EnableClosingDropDownOnSelect="false" EnableAutoCompleteFirstMatch="false" KeepFocusOnSelection="false"

                        EnableAjaxViewState="true"

                        EnableAutoFiltering="Client" AutoFilterQueryType="Contains" EnableViewState="true"

                        OnSelectionChanged="WebDropDown1_SelectionChanged">

                        <AutoPostBackFlags SelectionChanged="On" ValueChanged="Off" />

                        <Items>

                            <ig:DropDownItem Selected="False" Text="1" Value="1">

                            </ig:DropDownItem>

                           <ig:DropDownItem Selected="False" Text="2" Value="2">                        </ig:DropDownItem>

                            <ig:DropDownItem Selected="False" Text="11" Value="11">

                            </ig:DropDownItem>

                        </Items>

                    </ig:WebDropDown>

And in code behind we define the event handler for Selection Changed event. So using this markup you should be able to repro this issue.

Sagar

Hi Sagar,

Glad that your issue has been resolved. I have attended to your other questions in the thread you have provided.

Hi Sagar,

Thank you for your code.

I have tested it under 10.2.20102.1000 but unfortunatelly the behavior still does not manifest itself. The issue may be related to either the specific processing you are applying server-side, or the nesting of the dropdown in other controls/elements. Also note that the <td> element in which the dropdown's input is rendered, has width: 100% applied by default. I suggest that you investigate whether this element is not having some other style property applied after postback:

<td style="width:100%;">
<input id="x:783110646.2:mkr:Input" class="igdd_ValueDisplay " type="text" value="ASDasdasD" tabindex="0" accesskey="" autocomplete="off" mkr="Input">
</td>

Feel free to contact me with any questions.