Custom HTML Pages

As a Portal administrator, you can create custom HTML pages in Portal. The custom pages will be integrated into the Portal and will be displayed in the main window to the right side of the menu. Users don't need to navigate through external links to access integrated custom pages.

Custom pages can be added to new or existing menu groups. Custom pages need to be associated with the user's menu by enabling the menu transactions for given user roles.

Custom pages can include any type of web content such as text, links, images, and videos. The content is stored in a database table.

When your Portal is hosted in a CampusNexus Cloud environment, if your custom HTML pages contains resources such as images or scripts, please contact Anthology Inc. Support (1-800-483-9106) to have those resources placed in the appropriate folder on the server. Ask Support for the path to those resources so that it is coded properly in your custom HTML pages.

Create Custom HTML Pages

Using Internet Explorer, log in to the Portal Configuration tool and access your campus.
Navigate to Menu Groups.
Right-select the Menu Group to which you want to add your custom HTML page and select New Menu Item.
In the Add Menu Item form, specify the Menu Item Name.
In the Menu Item Name drop-down list, select Custom HTML Page and select Add Menu Item.
In the left pane, select the new item that was just created. The Menu Item Configuration page is displayed. The External Link Type is Custom HTML Page.
Add the custom HTML content in the text field provided.

Important:
- The HTML tags in the custom page must not include the <head>, </head>, <body>, and </body> tags.
- Be mindful of the styles applied in the custom page.
  
  For example, if your custom page contains the following CSS code, the <div> sections in all Portal pages will have a green background.
```
<style>
div {
   background-color:green;
}
</style>
```
  If styling is needed on the custom page, create unique CSS classes. For example:
```
<style>
div.bg-green {
   background-color:green;
}
</style>
```
- If your custom page contains resources such as images or scripts, place those resources in the appropriate folder on your Portal server, and make sure the path to those resources is coded properly in the custom HTML page.
- Be careful to enter valid HTML code in the custom HTML page. The text area on the Menu Item Configuration page does not provide any validation of the HTML content. If there are errors on the custom HTML page, the functionality of the entire Portal can be impacted.
Select Update Menu Item and External Link to save the custom HTML content.
Navigate to Security Roles and select the role that is supposed to have access to the custom HTML page (Staff, Student, Applicant, Employer).
In the Menu Transactions and Quick Links Manager section, locate the custom HTML page, select the check boxes in the Add Menu and Quick Link columns (as applicable), and click the Update Transaction Security button.
On the Portal server, open the Command Prompt, type iisreset and run the command.
Log in to Portal with the appropriate role (Staff, Student, Applicant, or Employer) and select the My Home Page link to refresh the pages.
Select the menu item for the custom HTML page and verify that the content is displayed as expected.