Custom HTML

If you have the MFT edition of Serv-U File Server, you can use custom HTML to enhance the HTTP and HTTPS login pages of Serv-U at the server and domain levels. By using this feature, web developers can design their login experience to show off their exclusive brand and design the page to match existing business themes.

Users of the basic Serv-U File Server, can customize the logo, login page text and title at the server and domain levels. For more information on this, see Settings.

By using the custom HTML feature, you can provide a custom header and custom footer for the HTTP and HTTPS login page. The main login form is automatically inserted between the content defined in the header and footer files. The custom HTML interface also uses a CSS file to define the style used in the login form. This CSS file can also be used to define custom styles, containers, and other formatting as needed.

Several branding samples are automatically unpacked to your installation folder (for example, C:\Program Files\SolarWinds\Serv-U\Custom HTML Samples) when Serv-U is installed. The Serv-U Custom HTML and CSS article has step-by-step instructions for exploring the current set of samples and build your own branding.

The following fields are used by the Custom HTML feature:

Custom HTML Container Directory	This directory contains all of the files used by the custom HTML, including all images, the header file, the footer file, and the CSS file. Subdirectories in this folder are allowed.
CSS File	This .CSS file contains all the styles, containers, and other formatting that is used throughout the header file and footer file, and also the styles that will be used by the login form.
Header File	This .HTM file contains the content for the HTML header inserted before the login form.
Footer File	This .HTM file contains the content for the HTML footer inserted after the login form.
Enable Custom HTML	The custom HTML defined on this page is not used by Serv-U until this option is enabled.

Most custom HTML interfaces include custom images. To use custom images, the storage location of the images must be specified. To universalize the storage location, use the %CUSTOM_HTML_DIR% tag in paths that refer to images. This has the further benefit of avoiding changes to HTML when the container storing the HTML files and images is changed, because the path only has to be defined once in the Custom HTML Container Directory field. The tag is used in the following way:

<img src="/%CUSTOM_HTML_DIR%/images/image.png" alt="My Image">