The front-end design and functionality of PortaBilling are simple and intuitive. The pure web interface of the PortaBilling Customer Care home page is the main door to all the objects and tools of this part of the system. Divided into four functional blocks the links load pages containing tools for managing the system and helping customers. Each second-level page contains a link back to the home page.

CC staff

The four functional areas are:

My Info

My Info

Commonly required contact information, web self-care credentials, user’s time zone, and information on individual user’s credit.

Products Products

Information related to charging customers for services, such as products and tariffs.

Distributors Distributors Subcustomers

Task related to such entities in the system as distributors and subcustomers and accounts.

Account Info Account Info Trace Session

Tasks available to help CC staff for assistance in troubleshooting problems that clients may inquire about.

All of the functions available from the home page are also available from the drop-down menus:

drop down menus

Right top side of the interface provides the user with the following information:

Logout

  1. Time Zone where the current user operates.
  2. Login name of the currently logged-in user.
  3. Context help for the current screen. Clicking this link will pop-up help window.
  4. Refund limit for the current day.
  5. Logout button. Used to finish the current session or when necessary to log in as another user.

Also on the toolbar is often a list of available actions to take relative to the current page:

toolbar

This toolbar acts as the equivalent of the "File" menu of the application as it is the usual location for "Save", "Close", and "Add New" operations.

Sorting tables

Link copied to clipboard

Sorting tables

This feature is available for the CDR browser and Call Trace screens where it is necessary to sort viewed information by different criteria. Table header cell with orange triangle shows the sorted row. Triangle down represents descending order and triangle directed up suggests the sorting is ascending.

The sorting is available for all columns with a bi-directional white arrow in the top left corner of the header cell. To sort columns simply click on the header; click the same column again for the opposite sorting order.

Another cool feature of sorting tables is that the table header is always visible.

Tab controls

Link copied to clipboard

Some forms (e.g., customer or account information) contain so much information that it is not feasible to display it all on a single screen. The standard practice, in this case, is to divide the information between multiple tabs, each of which contains only a portion of the information and can be individually selected for display. To provide a better user experience with a high number of tabs, PortaBilling provides two rows of tab controls.

tab controls

When you click a tab’s name, it is selected (black font on a white background) and you can see the associated information. Note that even if a tab from the upper row is selected, the row order does not change and all the tabs stay in their original location. Thus, you can always remember where a particular tab control is located on the form; see below for an example where a tab from the upper row has been selected.

incoming calls

Date and time format

Link copied to clipboard

PortaBilling allows users to define both the input and output formats for date and time.

Output Format

Making changes to the date and/or time format on this page enables users to enter dates and times in the desired format throughout the entire PortaBilling web interface. Correspondingly, all pages generated at a user’s request will contain the date and time in the previously set-up format.

Date/Time format strings are composed using specifiers that represent the values to be inserted into the formatted string.

In the following table, the specifiers are given in the upper case. Formats are case-insensitive.

Specifier

Value

Description

Date

DD

01-31

Day of the month

D

1-31

Day of the month without a leading 0

MM

01-12

Number of the month

MON

Jan-Dec

Name of the month

MONTH

January-December

Full name of the month

YYYY

2003 +

Year

YY

00-99

Last two digits of the year

Time

HH, HH24

0-24

Hours

HH12

0-12

12-hour time format; requires AM/PM specifier

MI

0-60

Minutes

SS

0-60

Seconds

AM, PM, AM/PM

AM, PM

Separators

A separator can be any symbol except for letters and digits or may be left blank

Example

Value

DD/MM/YYYY

12/03/2003

MON-DD-YY

MAR-12-03

HH:MI:SS

12:30:00

HH12 MI:SS

WRONG! AM/PM specifier is missing

HH12mi pM

1230 AM

On this page

Release
What's new
Admin manuals
Handbooks
Developers documentation
UI help