WebDropDown not dropping down | Infragistics Forums

535

WebDropDown not dropping down

Rick Dorris posted over 15 years ago

I've put a WebDropDown inside a panel which has the ModalPopupExtender on it and bound the drop down to an array. When I view the page, I can't get the dropdown to dropdown. Pressing the up and down arrows does scroll through the list of options, but clicking the down arrow does not cause the dropdown list to show. Thanks for any ideas.

535

Offline Rick Dorris posted over 15 years ago in reply to Alexander Todorov

Below is part of the code from the page that is having the issue - there is a lot more markup on the page so it could be an interaction with some other control. Thanks for looking at it...

<asp:Panel ID="pnlSave" runat="server" CssClass="savePopup" style="display:
none">

<div class="sectionHeader">Save Report</div
>

<table cellspacing="0" cellpadding="3" width="100%" bgcolor="#ffffff" border
="0">

<tr
>

<td width="134"><div align="right">Report Name:</div></td
>

<td
>

<asp:TextBox ID="txtReportName" runat="server" ValidationGroup="ValSaveGroup" Columns="65"></asp:TextBox
>

</td
>

</tr
>

<tr
>

<td><div align="right">Description:</div></td
>

<td><asp:TextBox ID="txtDescrip" runat="server" Columns="65"></asp:TextBox></td
>

</tr
>

<tr
>

<td><div align="right">Category:</div></td
>

<td
>

<ig:WebDropDown ID="drpCategory" runat="server" Width
="200px">

</ig:WebDropDown
>

</td
>

</tr
>

<tr
>

<td></td
>

<td
>

<asp:Button ID="btnSaveClose" runat="server" Text="Save" OnClick
="btnSaveClose_Click"

UseSubmitBehavior="false" ValidationGroup="ValSaveGroup" CssClass="button1"
/>

<asp:Button ID="btnSaveCancel" runat="server" Text="Cancel" CssClass="button1"
/>

</td
>

</tr
>

</table
>

</asp:Panel
>

<cc1:ModalPopupExtender ID="popupSave" runat="server" PopupControlID="pnlSave" TargetControlID
="btnSave"

OkControlID="btnSaveClose" CancelControlID="btnSaveCancel" BackgroundCssClass="modalBackground" DropShadow
="true"/>
Cancel
Reply

Cancel
1460

Offline Chris posted over 15 years ago in reply to Alexander Todorov

It still doesn't work for me, using 'float:right' or taking out the 'align' entirely. That code is in a webcontrol if it makes any difference.
Cancel
Reply

Cancel
24671

Alexander Todorov posted over 15 years ago in reply to Chris

Hi,

you are absolutely right, with this markup, the dropdown doesn't open. The problem seems to be in the <TD> container of the dropdown having align="right". If align="right" is not used, it works fine.

If you use style="float:right;" instead of align="right" for the TD which hosts the WebDropDown, it works property as well - it has the same effect.

I hope this helps,

Angel
Cancel
Reply

Cancel
1460

Offline Chris posted over 15 years ago in reply to Alexander Todorov

Here you go...   Not sure if it matters, but the items in the WebDropDown are currently being added by using the .Items.Add(New Infragistics.Web.UI.ListControls.DropDownItem() method.

<ig:WebDialogWindow id="dialogACC" runat="server" width="550px" height="350px" left="380px" top="155px"
                       stylesetname="Caribbean" windowstate="hidden" modal="true" >
     <header font-size="Medium" captiontext="Acc"></header>
    <contentpane cssclass="EditDialogWindow">
    <template >
        <div style="text-align:center;">
        <igmisc:WebGroupBox ID="wgrpAccP" runat="server" Text="Acc" StyleSetName="Caribbean" a BorderStyle="Groove" BorderWidth="2">
                    <Template>
                            <br />
                            <asp:TextBox ID="txtAccY" runat="server" Enabled="false" Text="test"></asp:TextBox>
                            <br /><br />
                    </Template>
        </igmisc:WebGroupBox>
        </div>
       <table>
            <tr>
                <td style="padding-top: 8px; padding-left: 10px" colspan="2"></td>

                <td></td>
            </tr>

            <tr>
                <td style="padding-top: 8px; padding-left: 10px">PRO</td>
                <td style="width: 153px; padding-top: 8px" align="right">
                    <ig:WebDropDown ID="ddnACC" runat="server" >
                    </ig:WebDropDown>
                </td>
                <td></td>
            </tr>

        </table>


    </template>
    </contentpane>
</ig:WebDialogWindow>
Cancel
Reply

Cancel
24671

Alexander Todorov posted over 15 years ago in reply to Chris

Hi,

Could you please show me some of your code ? I will take a look and see what i can do. By the way, if you only click in the input , and use the arrow keys, the dropdown will not automatically open - no matter whether it is standalone or in some container like WebDialogWindow. When the WebDropDown is inside a WebDialogWindow, and you click the dropdown button, or use the keyboard to open it (ALT + down arrow key), does it open?

Thanks for the feedback,

Angel
Cancel
Reply

Cancel