Customizing the GAX Homepage

When Genesys Administrator Extension is launched, it opens to the default homepage view. The default view is a placeholder that you can customize to suit your business needs.

The homepage is an HTML document (home.html) and a style sheet (home.css) that are stored in the following location after you install GAX: <gax-installation-dir>\webapp\plugins\gax-core\home\

The file home.html is a document fragment. It does not contain all of the standard HTML tags. The default, temporary content is the following:

<div class="home-container">
    <h1>Welcome to ${GENESYS_ADMINISTRATOR_EXTENSION}</h1>
    <p>This is a placholder page for the Home module. You can customize it by editing home.html and home.css.</p>
</div>

You can change the contents of this page to suit your requirements.

The style sheet file can also be modified to suit your requirements. The default contents are as follows:

.home-container {
    padding: 16px;
    height: 400px;
    background-image: url(i/background.jpg);
    background-repeat: no-repeat;
}Genesys recommends that you use a class prefix like "<tt>home-</tt>" to prevent clashes with class names that are used elsewhere within GAX.

The images that are referenced by the CSS file are in the folder that is named "i" in the same folder as home.css. You can store as many image files as you require in this folder. Reference your images in the CSS file.

After you edit the home.html file, click Refresh in the GAX interface to display your updates.