You can customize the appearance settings of your Project using your Project logo, Project icons, and some of the available design options, etc.

To customize the system appearance, go to the System Management > General > Project Settings > General section and select the “Appearance” tab.

Site Theme

Advanced Setting

The Site Theme tab contains the following sections:

General Settings

The General Settings section allows you to manage basic system settings.

You can edit the following fields:

  • Time Zone: The System Time Zone. Note: The time zone is set at the first system installation stage and cannot be changed by the system users.

  • Project Title: Enter the name of the Project. This name is used for page titles and text logos.

  • Date Format: Select the preferred date format (mm/dd/yyyy / dd/mm/yyyy).

  • Site Theme: Select the preferred theme or set the custom (Custom/ Default/ Preset 1/ Prese t2/ Preset 3/ Preset 4/ Preset 5/ Preset 6).

Preview

The Preview section allows you to preview changes in the system appearance.

Table Preview

The Table Preview section allows you to preview the system interface after changing settings.

Chart Preview

The Chart Preview section allows you to preview the interface of charts after changing settings.

Widgets

The Widgets section allows you to preview the interface of widgets after changing settings.

Auth Screen

The Auth Screen section allows you to preview the appearance of the authorization page.

Logo

The Logo section allows you to upload and configure the System’s logo and icon.

To upload the logo, click the “+ Upload new logo…” button and select the logo file you want to upload. Note: The file size resolution should not exceed 350x200 pixels. To reset the logo settings, click the “Reset to default” button.

To upload the Favicon PNG icon, click the “+ Upload PNG…” button and select the icon you want to upload. Note: The file size resolution should not exceed 144x144 pixels. To reset the logo settings, click the “Reset to default” button.

To upload the Favicon ICO icon that will be reflected in the browser tab, click the “+ Upload ICO…” button and select the icon file you want to upload. Note: The file size resolution should not exceed 48x48 pixels. To reset the logo settings, click the “Reset to default” button.

The Advanced Settings tab contains the following sections:

Look And Feel

The Look And Feel section allows you to customize the system appearance using the available design options.

The following settings are available for customization:

  • Site Theme: Select the site theme from the list to change the visual appearance of the system.

  • Base Font Color: Select one of the options to change the system font color.

  • Rounded buttons: Select one of the options to set the radius and corner angle for system buttons.

  • Button Colors: Select one of the options to change the saturation of color elements of the system (widgets, buttons, and labels).

  • Colors For Table Values: Select one of the options to change the table values color.

  • Rounded badges: Select if you would like to have the round shape of the badges.

Boxes And Tables

The Boxes And Tables section allows you to customize the appearance of the report tables and boxes in the system.

The following settings are available for customization:

  • Round Boxes: Select one of the options to set the radius of the corner angle for active elements of the system (buttons, labels, and other elements).

  • Box Shadows: Select one of the options to change the shadow border of the active page.

  • Additional Borders: Select if you would like to enable or disable the additional border in the system and outline the active page.

  • Additional Separators: Select if you would like to enable or disable additional separation in the system that outlines the data rows borders.

  • Add Table Borders: Select if you would like to enable or disable table borders in the system to outline the report tables with a separator line.

Charts

The Charts section allows you to customize the appearance of the charts in the system.

The following settings are available for customization:

  • Chart Line Width: Select the width of the line in the charts.

  • Chart Dots Size: Select the size of the dots in the charts.

  • Fill Data Area: Select if you would like to fill the empty part of the chart by painting the field to match a certain line color.

Menu Customization

The Menu Customization section allows you to customize the sidebar menu.

The following settings are available for customization:

  • Sidebar Shadows: Select the option to set an additional shadow to the sidebar menu.

  • Highlight Active Item: Select if you would like to enable or disable highlighting the page you are currently viewing in the menu.

  • Bold Categories: Select if you would like to enable or disable the main menu's subsections in bold font.

  • Add Separators: Select if you would like to enable or disable additional separation in the system that outlines the data rows borders.

Auth Screen

The Auth Screen section allows you to customize the appearance of the authorization page.

The following settings are available for customization:

  • Auth Screen Theme: Select the screen theme for the authorization page.

  • Auth Screen Background: Select the background image for the authorization page. To upload a custom image, select the “Custom” option from the dropdown menu.

Dashboard Messages

The Dashboard Messages section allows you to manage messages which will be displayed on the Dashboard page.

The following settings are available for customization:

  • Top: Enter a custom message for the Dashboard the message that will be displayed on the Top.

  • Middle: Enter a custom message for the Dashboard the message that will be displayed on the middle.

  • Bottom: Enter a custom message for the Dashboard the message that will be displayed on the bottom.

  • Mailing message: Enter a custom message for the Dashboard page of the E-Delivery platform. It will be displayed at the top of the Dashboard page.

  • Publisher View Massage: Enter a custom message for the Dashboard page that is visible for Publishers only.

  • Buyer View Message: Enter a custom message for the Dashboard page that is visible for Buyers only.

  • Campaign View Message (For Employees): Enter a custom message for the Campaign page visible for Employees only.

  • Campaign View Message (For Buyers): Enter a custom message for the Campaign page visible for Buyers only.

  • Custom Menu Title: The option allows you to add a section for the custom menu item to the main system menu. Enter the name for the custom section.

  • Max Upload File Size: Enter the maximum file size limit for uploads (up to 50 MB).

Did this answer your question?