Branding the xport ar, Web manager customization, Short and long name customization – Lantronix XPort AR User Manual

Page 131

Advertising
background image

XPort AR User Guide

131

13: Branding the XPort AR

This chapter describes how to brand your XPort AR by using Web Manager and Command Line
Interface (CLI). It contains the following sections:

Web Manager Customization

Short and Long Name Customization

Web Manager Customization

Customize the Web Manager appearance by modifying index.html and style.css. The style (fonts,
colors, and spacing) of the Web Manager are controlled with style.css and the text and graphics
are controlled with index.html.

The Web Manager files are hidden and are incorporated directly into the firmware image but may
be overridden by placing the appropriate file in the appropriate directory on the file system.

To retrieve and overwrite Web Manager files, perform the following steps.

1.

FTP to the XPort AR.

2.

Make a directory (mkdir) and name it http/config.

3.

Change to the directory (cd) that you created in Step 2 (http/config).

4.

Get the file by using get <filename>.

5.

Modify the file as required or create a new one with the same name.

6.

Put the file by using put <filename>.

7.

Type quit.

The overriding files display in the http/config directory. Restart any open browser to view the
changes. If you want to return to the default files in the firmware image, delete the overriding files
from the file system.

Short and Long Name Customization

You can customize the short and long names in Web Manager. The names display in the CLI
show command and in the System web page in the Current Configuration table.. The short name
is used for the show command. Both names display in the CLI Product Type field in the following
example:

enable)# show

Product Information: XPort AR-YourCompanyName

Product Type: Lantronix XPort AR

In the Web Manager, the short and long names are shown in the System web page in the Current
Configuration table.

To change the short and long names by using the Web Manager, perform the following steps.

Advertising