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.

Logo And Icon

The Logo And Icon 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.

General Settings

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

Appearance3

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).

Look And Feel

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

Appearance4

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).

  • 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.

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.

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.

Chart Preview

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

Menu Customization

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

Appearance7

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.

You can preview the selected changes in the preview section.

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/Middle/Bottom: Select which part of the Dashboard the message will be displayed - the Top, Middle, or Bottom part.

  • 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.

  • 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?