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. |
Building Independent Reusable ASCX Panels
Adding a Reusable ASCX Panel to a Page
Navigation Menu Panels (Menu Tabs)