0

ボタン + 画像を持つカスタム コントロールがあります。画像 (下向き矢印) をクリックすると、ドロップダウン リストのように DIV が表示されます。

ただし、DIVを表示するためにページのコンテンツを押し下げます。これを修正する方法。

  1. ドロップダウンのように動作する必要があります
  2. ボタンの代わりにボタンの上にリストを表示する必要があります

    <table id="container" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <asp:Button ID="btnPost" runat="server" CssClass="postButton" OnClick="btnPost_Click" />
            <asp:Button ID="btnDropDown" runat="server" CssClass="dropdownButton" OnClick="btnDropDown_Click" />
        </td>
    </tr>
    <tr>
        <td>
            <div runat="server" id="divDropDownPanel" visible="false" style="text-align: left;
                overflow: scroll; float: left; border: thin solid lightgrey; width: 160px; height: 120px;
                background-color: #FFFFFF; position: absolute; z-index: 999;">
                <asp:Repeater ID="rptDropDownContent" runat="server" OnItemDataBound="rptDropDownContent_ItemDataBound">
                    <HeaderTemplate>
                        <table>
                    </HeaderTemplate>
                    <ItemTemplate>
                        <tr>
                            <td align="left">
                                <asp:CheckBox ID="chkChannel" runat="server" />
                            </td>
                        </tr>
                    </ItemTemplate>
                    <FooterTemplate>
                        </tr> </table>
                    </FooterTemplate>
                </asp:Repeater>
                <br />
            </div>
        </td>
    </tr>
    

4

0 に答える 0