Share via

How to Apply a Windows Azure Pack Authorization Site Custom Theme

  • Article

 

Applies To: Windows Azure Pack

A sample theme kit is provided with the Windows Azure Pack developer kit that demonstrates areas of the tenant portal that can be customized. The Contoso theming kit shows images and styles consistent with the branding of an imaginary hosting company named Contoso. The following instructions show how to apply the Contoso theming kit to the authorization site in a test Windows Azure Pack environment.

How to Apply the Contoso Custom Theme to the Windows Azure Pack Authorization Site

  1. Logon to the computer where you have deployed the Windows Azure Pack Authorization Site.

  2. From the Contoso Theming Kit, copy the contents of the Content folder from Contoso-Theming-Kit\MgmtSvc-AuthSite\Content and paste them into the Content folder of the authorization site installation. Typically the authorization site Content folder is located at C:\inetpub\MgmtSvc-AuthSite\Content. Overwrite any pre-existing files in the Content folder.

  3. Open \MgmtSvc-AuthSite\Views\Login\index.cshtml file and update the section with the following:

    <head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta charset="utf-8" />
    <title>@AuthPortalControllerResources.PortalBranding</title>
    <link href="@Context.GetContentUrl("~/favicon.ico")" rel="icon" type="image/x-icon" />
    @(this.ContentTags<JQueryCss>())
    @(this.ContentTags<CoreCss>())
    @(this.ContentTags<LoginCss>())
    @(this.ContentTags<ThirdPartyThemeCss>())
</head>

  4. Open the command prompt and run iisreset to clear out the memory cache.

  5. Browse to the management portal for tenants at https://localhost:30081 to view the updated theme. You may have to refresh your browser window if the old content was cached.

See Also

Windows Azure Pack Custom Theming