Work With Web Controls

You can use the Panel control's properties to give an improved visual effect as the user moves to the next step in a process. For example, you can change the BACKCOLOR property to give a nice visual effect as the user moves from one panel to the next. You can also set the HEIGHT and the WIDTH properties for the panel.

Example:

<ASP:PANEL ID="panelStep1" HEIGHT="100px" WIDTH="300px"

BACKCOLOR="Silver" RUNAT="SERVER"/> Are you ready to set your goals? Click the Continue button to go to Step 2.

<ASP:BUTTON ID="buttonContinue" RUNAT="Server"

onClick="Button_OnClick" TEXT="Continue"/> </ASP:PANEL>

<ASP:PANEL ID="panelStep2" BACKCOLOR="Gold"

HEIGHT="100px" WIDTH="300px" RUNAT="SERVER" VISIBLE="False"/> You are on Step 2.

Create the Button OnClick function.

3 Set the Visible property ± Save the file and request it ■ The first panel appears.

of the first panel to False. from the Web server.

Create the Button OnClick function.

3 Set the Visible property ± Save the file and request it ■ The first panel appears.

of the first panel to False. from the Web server.

— Set the Visible property of the second panel to True.

Note: See pages 20 to 25 for instructions on saving a file to the Web server and then requesting the file using the IIS Admin.

—E Click the Continue button.

-■ The second panel appears informing you that you are on step 2.

Was this article helpful?

0 0

Post a comment