Building Independent Reusable ASCX Panels

A header is typically an independent reusable panel that can be included in every page created.  To create the reusable panel:

Step 1:  Create a layout page file for the reusable panel called HeaderPanel.html.

<table width=100% cellpadding="0" cellspacing="0"

     style="border-bottom-width: 1; border-bottom-color: #DDDDDD; border-bottom-style: solid">

 <tr >

  <td><GEN:IMAGE Name="Logo"/></td>

 </tr>

</table>

Step 2:  In the page’s Properties dialog, select the HeaderPanel.html node and change the Type to be a Header Panel.  By default the Type is set to a Page.  Selecting any type other than Page will create an ASCX control instead of an ASPX page.

Tag Property

Setting

File Name

HeaderComponent.html

Type

Header Panel

Page Title

HeaderComponent

Step 3:  Set the Logo tag’s URL property.

Tag Property

Setting

Code generation tag

Logo

Image file (URL)

http://www.ironspeed.com/art/logo.gif

Any URL you wish.

See Also

Building Independent Reusable ASCX Panels

Adding a Reusable ASCX Panel to a Page

Button Panels

Navigation Menu Panels (Menu Tabs)