---
title: "Web interface"
description: "This article explains the basics of the Ixolate Graphical User Interface or GUI for short."
---

> Documentation Index
> Fetch the complete documentation index at: https://docs.ixolate.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Web interface

This article explains the basics of the Ixolate Graphical User Interface or GUI for short.

## User Login

Before we can take a look at the GUI options we need to login. The default user is root and the password is Ixolate.

## GUI Layout & Main Components

The GUI consists out of the following main components:

### Logo & Link to Lobby

Click on the Ixolate logo wherever you are in the interface and you will be directed to the lobby and dashboard.

In the Lobby you can:

- Look at the dashboard with widgets
- View the 2-clause BSD license
- Change your password
- Logout

### Menu Area

The Menu area holds all the primary menus and submenus. Here you can select what part of the system you want to watch or change.

You can see the layering on the menu. There are three levels:

1.  Category level
2.  Function level
3.  Configuration level *(may not exist if the function is simple)*

In the following sample you see a screenshot of the Category **System**, with:

- Function: **Settings**
- Selected Configuration item: **General**

### Favorites

Frequently used menu items can be added to a Favorites menu. This applies to Configuration level items, or Function level items if the Configuration level does not exist.

To add or remove a Favorites menu item, hover over the page title with your mouse or tap it on a touch device. A favorite (star) icon will appear. Click or tap this icon to toggle the menu item as a favorite.

Favorites are shown in the Favorites menu item at the top of the menu area, where they can be selected for quick access.

### Search Navigation

Another way to navigate through the GUI is by using the search box on the upper right corner of the screen. Either click on it or hit tab to select it.

The search field is a type-ahead field, meaning that it will guess what you are looking for and fill up while typing. Hit Enter or click on an option to select and navigate directly to the right page.

### System Status

In the upper right corner of the screen is also a small indication of the system status. In a normal situation this will be greyed out, but it will display a color if something is wrong. You can click on it to review any of the pending messages, if any:

The colors indicate the severity of the issue. They are:

- Red. Indicates that an error has occurred during system operation. Click it to go to the relevant page. In most cases this will be the crash reporter, which you can use to send us information about the crash.
- Yellow. Indicates a warning.
- Blue. Indicates an informational message.
- Grey. Everything is working as normal.

### User & Local domain

In the right corner just to the left of the system status you will see your username and the full domain name the firewall is configured with (to change firewall name, go to **System › Setting › General**).

### Content Area

The content area is used to display:

- Input forms
- Popup Forms
- Buttons
- General forms of data output graphical and text based

## Form View

Let's take a look at how an advanced form may look like:

### Full Help

Many forms are equipped with built-in help. In the upper right corner of the form you can select to view all help messages at once. The toggle will color green when enabled and show the help messages beneath the input items.

### Advanced Mode

Some forms have hidden advanced features, to view them toggle the **advanced mode** in the left corner of the form. Doing so will reveal all advanced options.

### Single Item Help

Show a single line help by pressing the **(i)** left of a form item. Like this:

### Standard Tabs

A standard tab can be clicked upon to open the corresponding form.

A sample can be seen here:

### Dropdown Tabs

A dropdown tab can be clicked upon to open the first menu item or you can click on the arrow next to it to show all options, like so:

## Data grids

Many components within Ixolate use grid views to navigate through content, below is an example of a simple table view supporting the most relevant actions.

### Fields

### Filter and limit

The search input tokenizes space-delimited words, causing the filter to return records matching all of the clauses included in the search phrase.

### Actions

### Page Navigation

The navigation buttons `« ‹ [1,2,..] › »` help scroll through the different pages that are available for the selected data.

> **Note**
>
> Although the page numbers and last page button (`»`) are always visible, they can only be used when the size of the dataset is known upfront. In case of large datasets, such as intrusion alerts and log views the number of records is not known upfront, since there's no relation between the size of the underlying data and the number of records.
>
> The record count in these cases is more or less a guestimate based on the number of records already shown.

Source: https://docs.ixolate.com/system/web-interface/index.mdx