Customizing the User web pages

The user pages display information about the user's account and provide access to features such as TopUp/Pre-Paid Cards. The visual design of these pages can be tailored to make them fit into the look and feel of an existing internet or intranet site. This gives the pages an official look ensuring your users see the system as an important part of your organization's network.

A customized end-user web designed for Flora Hill Secondary College

Figure 13.2. A customized end-user web designed for Flora Hill Secondary College

A customized end-user web designed for Ross University

Figure 13.3. A customized end-user web designed for Ross University

PaperCut Software Pty Ltd offers a service where their developers will undertake design work based on an existing website. If you would like assistance with the customization, please email the PaperCut Software Pty Ltd support team.

Organizations whose staff have good to advanced HTML experience may choose to customize the pages in-house.

The design of the user pages is controlled via HTML "include" files for the header and footer areas of the page, with page styling controlled via Cascading Style Sheets (CSS). Placing the following files in the PaperCut NG directory structure at [appdir]/server/custom/web overrides page layout and style.

FilenameDescription

user.css

If this file exists, the contents of user.css is included as an overriding stylesheet. Styles in this file can be used to define fonts, colors and sizes.

header.inc

If the header include file exists, the HTML in the header area of the pages is replaced with the contents of the file.

footer.inc

If the footer include file exists, the HTML in the footer area of the page is replaced with the contents of the file.

login-logo.png

If this file exists, the logo on the web-based login page is replaced with the supplied image. The file should be an image of size 250px by 64px in PNG format.

Table 13.2. Files used to customize the user web pages

Tip

Any custom content placed in [appdir]/server/custom/web, such as additional images, can be accessed via a URL beggining with /custom. For example, if a file named header.jpeg is placed in [appdir]/server/custom/web, it can be accessed via the URL /custom/header.jpeg.