After the Service Manager HTML5 portal is deployed, there is typically a need to customize the look and feel of the portal. One of the many benefits of this new portal versus the old Silverlight portal is that it is easier to customize.
Customizing the portal consists of officially supported customizations and customizations that can be done, but are not officially supported. In this recipe, we will cover just the basic supported customization.
The main difference between the officially supported customizations and other types of customizations is that the official ones are guaranteed by Microsoft and will stay intact through updates and upgrades. Any customizations not on the official supported list may not survive an update or upgrade, therefore it is critical to back them up.
Here is a link to Microsoft's blog on the officially supported customizations:
Now let's explore some recipes on customizing the HTML5 portal.
Make sure that Service Manager is up and running, the HTML5 portal is installed, and that you are using an account that has the administrator role in Service Manager as well as a local administrator on the web server.
There are many customizations you can make to the new HTML5 portal. We will list the most common customizations.
For general customizations such as title, logo, number, and e-mail, you will need to edit the web.config
file:
<!- Customizable fields starts here ->
<add key="CompanyName" value=" Self-Service Portal"/>
<add key=" CompanyLogoLocation" value="../Content/images/Logo_Transparent.png"/>
The company logo image works best as a 32×32 image.
All images are stored in: c:inetpubwwwrootSelfServicePortalContentimages
if using the default installation path.
<add key="ITPhone" value="612-532-4143
″
/>
<add key="ITEmail" value="[email protected]"/>
These easy, general customizations are the main ones supported by Microsoft and are all contained within the single web.config
file.
They are the first ones to start with and they enable a quick and easy customization of the portal to make it feel more like it belongs within your organization.