Step 7: Customize the Password Registration and Reset Portals

Customizing the Password Registration and Reset portals consists of the following steps:

  • Create the Customizations folder

  • Create the Contoso Corporate logo

  • Create the Style.css Cascading Style Sheet file

  • Modify Title Page Strings

  • Reset IIS

Create the Customizations folders

In this step we will be creating the folders that will contain all of our customization information for the password registration and password reset portals. Be aware that this folder will not be overwritten by upgrades, change mode, or repair mode installs.

To Create the Customizations folders

  1. Log on to FIM2.corp.contoso.com as CORP\Administrator.

  2. Navigate to C:\Program Files\Microsoft Forefront Identity Manager\2010\Password Registration Portal.

  3. Under the Password Registration Portal folder, right-click, select New, and then select Folder.

  4. Rename the folder Customizations. Hit Enter.

  5. Navigate to C:\Program Files\Microsoft Forefront Identity Manager\2010\Password Reset Portal.

  6. Under the Password Reset Portal folder, right-click, select New, and then select Folder.

  7. Rename the folder Customizations. Hit Enter.

    Create folder

In this step we will create the Contoso logo.

  1. Click Start, click All Programs, click Accessories and then click Paint. This will open Paint.

  2. In Paint, on the left, click the down arrow and select Properties. This will bring up the Image properties.

    Create logo 1

  3. On the Image Properties, specify the width as 490 and the height as 50. Click OK. This will close the Image Properties.

  4. At the top, click the box with the letter A so that it is selected and then click the image file. This will add a text box to our image.

  5. Stretch the text box so that if files the image box.

  6. At the top, change the default font size from 11 to 24.

  7. In the box, enter the following: CONTOSO CORPORATION. The image should now look like the one in the screen shot below.

    Create logo 2

  8. At the top, click the down arrow and select Save As. Navigate to C:\Program Files\Microsoft Forefront Identity Manager\2010\Password Registration Portal\Customizations and for the file name enter contosologo.png

  9. At the top, click the down arrow and select Save As. Navigate to C:\Program Files\Microsoft Forefront Identity Manager\2010\Password Registration Portal\Customizations and for the file name enter contosologo-ie6.png

  10. At the top, click the down arrow and select Save As. Navigate to C:\Program Files\Microsoft Forefront Identity Manager\2010\Password Reset Portal\Customizations and for the file name enter contosologo.png

  11. At the top, click the down arrow and select Save As. Navigate to C:\Program Files\Microsoft Forefront Identity Manager\2010\Password Reset Portal\Customizations and for the file name enter contosologo-ie6.png

    Warning

    You should have now saved the logo 4 times.

  12. Close Paint.

Create the Style.css Cascading Style Sheet file

In this step we will create the Style.css file to reference our new logos.

Create the Style.css Cascading Style Sheet file

  1. On FIM2, using notepad, copy the following code into notepad and save the file as Style.css to C:\Program Files\Microsoft Forefront Identity Manager\2010\Password Reset Portal\Customizations.

    body
    {
        font: 15px Calibri;
        color: #303030;
        background: white;
    }
    
    .pad
    {
    
        background: white;
    }
    
    .backgroundWhite
    {
        border: #e9e9e9 2px solid;
    }
    .title-block /* Customizable */
    {
    background:url("../Customizations/contosologo.png") no-repeat scroll 0 0 transparent;
    
    }
    .ie6.title-block /* Customizable */
    {
    background:url(../Customizations/contosologo-ie6.png) no-repeat scroll 0 0 transparent;
    
    }
    
    
  2. Now save the file to C:\Program Files\Microsoft Forefront Identity Manager\2010\Password Registration Portal\Customizations.

Modify Title Page Strings

In this step we will modify the Title page strings and the QA pages with the Contoso company name. For a list of all of the customizable strings see

To Modify Title Page Strings

  1. On FIM2, click Start, select Accessories, and click on Notepad. This will bring up notepad.

  2. Copy the following code into notepad:

    <?xml version="1.0" encoding="utf-8"?>
    <root>
      <resheader name="resmimetype">
        <value>text/microsoft-resx</value>
      </resheader>
      <resheader name="version">
        <value>2.0</value>
      </resheader>
      <resheader name="reader">
        <value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
     </resheader>
      <resheader name="writer">
        <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
      </resheader>
    
     <!-- Customizations begin here -->
      <data name=" QAGateRegistrationTitle " xml:space="preserve">
        <value>Contoso Question and Answer Registration</value>
      </data>
      <data name="RegistrationPageTitle" xml:space="preserve">
        <value>Contoso Self-Service Password Registration</value>
      </data>
          </root>
    
  3. At the top click File and Save as.

  4. Navigate to C:\Program Files\Microsoft Forefront Identity Manager\2010\Password Registration Portal\Customizations.

  5. In the File name box enter Strings.Resources. In the Save as type: select All Files. Click Save.

    string resources

  6. On FIM2, click Start, select Accessories, and click on Notepad. This will bring up notepad.

  7. Copy the following code into notepad:

    <?xml version="1.0" encoding="utf-8"?>
    <root>
      <resheader name="resmimetype">
        <value>text/microsoft-resx</value>
      </resheader>
      <resheader name="version">
        <value>2.0</value>
      </resheader>
      <resheader name="reader">
        <value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
     </resheader>
      <resheader name="writer">
        <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
      </resheader>
    
     <!-- Customizations begin here -->
      <data name=" QAGateResetTitle " xml:space="preserve">
        <value>Contoso Question and Answer Reset</value>
      </data>
      <data name="ResetPageTitle" xml:space="preserve">
        <value>Contoso Self-Service Password Reset</value>
      </data>
          </root>
    
  8. At the top click File and Save as.

  9. Navigate to C:\Program Files\Microsoft Forefront Identity Manager\2010\Password Registration Portal\Customizations.

  10. In the File name box enter Strings.Resources. In the Save as type: select All Files. Click Save.

Reset IIS

In this step we reset IIS to apply our customizations.

To reset IIS

  1. On FIM2, click Start, click All Programs, click Accessories, and then click Command Prompt. This will launch a Command Prompt window.

  2. In the Command Prompt window, type the following text, and then hit Enter: iisreset. This will stop and then restart IIS. Once this completes, close the Command Prompt window.