Changing the design of the NoSpamProxy WebPortal in version 10

This article describes how to change the colors and the logo of the web portal in NoSpamProxy 10.

Important

You need at least rudimentary HTML knowledge in order to make the adjustments. The corresponding files are located in the directory “%ProgramFiles%\Net at Work Mail Gateway\enQsig Webportal\”.

Find the files “..\Content\Site.css” and “..\Views\Shared\_Layout.cshtml” (here you change for example the logo).

Changing the colors

To edit the colors, first edit the file “Site.css”. There are four relevant places for the color:

header {
margin: 0 auto 0 auto;
border-bottom: 10px solid #C01B1B;
width: 100%;
background-color: white;
}​

This location is where the colored bar in the upper area is modified. Change the value #C01B1B to another value to change the color. To change the thickness of the bar, increase or decrease the value 10px.

.dz-upload {
height: 2px;
background-color: #C01B1B;
width: 0;
}

This area determines the color of the progress bar as soon as a file is transferred to the Web Portal. With “height” you change the thickness of the bar, with “background-color” you change the color.

.actionRow .button {
background: #C01B1B;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 24px;
padding-right: 24px;
clear: both;
margin: 15px 0 0 0;
color: white;
text-decoration: none;
border: none;
}

This area determines the appearance of the action buttons, such as the “Login” button. You can change the color with “background” or the size with the four “padding fields”.

.FileName {
color: #C01B1B;
padding: 4px 0 4px 0;
}

With this setting you change the font color of the list of all already uploaded files.

Changing the logo

To change the displayed logo, edit the file “_Layout.cshtml”. The following line is responsible for displaying the logo:

<img class="logo" src="@Url.Content("~/Content/Images/NoSpamProxy.png")" alt="Logo" title="Logo" />

With this setting you change the font color of the list of all already uploaded files.