2013-04-25 60 views
2

我的頁面上有一個按鈕。 我在我的頁面上有一個面板。 我的頁面上也有一個多行文本框。使面板在asp.net中可見或不可見

現在我想在不干擾下面文本框的位置的情況下使面板可見和不可見。就像Facebook上的通知面板一樣。

這裏是代碼,使面板顯示/隱藏:

Protected Sub btnReauests_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles btnReauests.Click 

    If pnlShowRequests.Visible = True Then 
     pnlShowRequests.Visible = False 
    Else 
     pnlShowRequests.Visible = True 
    End If 
End Sub 

我自己也嘗試設置面板的z順序的風格像這樣

<asp:Panel ID="pnlShowRequests" runat="server" style =" z-index : 1; position : relative; top: 0px; left: 255px; width: 206px; height: 200px;" Visible="False"> 
      </asp:Panel> 

回答

5

你將不得不包住面板在它自己的div並設置高度。這樣,當你使它看不見時,它不會影響它周圍元素的位置。

例如:

<div style="height: 100px;"> 
<asp:panel></asp:panel> 
</div> 
<asp:textbox runat="server"></asp:textbox> 
+0

謝謝,非常完美。 – Vishal 2013-04-25 21:14:30