Replace Content based on button click

Ciupaz · February 14th, 2012, 06:59 AM

Hi all,
I have in my Default.aspx a simple table like this:

HTML Code:

<table>
<tr>
<td>
asp:Content ID="ContentLeft" ContentPlaceHolderID="HeadContent" runat="server">
<asp:Button ID="btn1" runat="server" Text="First form" />
<asp:Button ID="btn2" runat="server" Text="Second form" />
<asp:Button ID="btn3" runat="server" Text="Third form" />
/asp:Content>
</td>
<td>
<asp:Content ID="ContentCenter1" ContentPlaceHolderID="MainContent" runat="server">
</td>
</tr>
</table>

Is it possible to replace the ContentCenter based on the button clic?

For example, if the user clicks on btn2, I need to replace the ContentCenter1 with another content, placed (for example) in the Default.aspx itself.

Luigi

irProject · February 14th, 2012, 02:34 PM

you can use 'iframe'

Code:

<table>
<tr>
<td>
<asp:Content ID="ContentLeft" ContentPlaceHolderID="HeadContent" runat="server">
<a href="FirstForm.aspx"  target="myFrame"  >First Form</a>
<a href="SecondForm.aspx" target="myFrame"  >Second Form</a>
<a href="ThirdForm.aspx"  target="myFrame"  >Third Form</a>
</asp:Content>
</td>
<td>
<iframe name="myFrame" id="myFrame" border="no" width="100%" height="100%"></iframe>
</td>
</tr>
</table>

You can't replace a asp.net control with other (because of runat="server"). you can load at runtime but you can't replace existing item
often UserControls are loaded at runtime:
aspx page:

Code:

<td id="td1" runat="server"></td>

aspx.cs :

Code:

MyUserControl ctrl = LoadControl("~/UserControls/MyUserControl.ascx");
td1.Controls.Add(ctrl);

note that this control will be distroyed after postback

Ciupaz · February 14th, 2012, 04:22 PM

Thank you Ir, I'll try.

Luigi