Tutorial: Changing the profile page to display firstname lastname, instead of username

You might want to change the profile page of your users on your Developer Portal to display their firstname and lastname rather than their username.

Before you begin

You must have a Developer Portal enabled, and you must have administrator access to complete this tutorial.

About this tutorial

In this tutorial, you change the profile page of your users to display their firstname and lastname rather than their username. The change to the profile page is done by using the custom module change account display that is already available in IBM APIC Portal - addons. However, for more information, see Custom module development: creating a module skeleton.

This tutorial takes you through the following steps:
  1. Cloning and packaging the change account display module.
  2. Installing and enabling the change account display module.

Cloning and packaging the change account display module

  1. Clone the custom module. Here is an example command if you are using Mac and Linux:
    git clone https://github.com/ibm-apiconnect/devportal-addons
  2. Package up the custom module. 
    cd devportal-addons/apic_v10/modules
tar -czf change_account_display.tar.gz change_account_display/

Installing and enabling the change account display module

  1. Log in to your Developer Portal as an administrator.
  2. Click Extend > Extend.
  3. Click + Add new module.
  4. From the Upload a module or theme archive section, click Browse file.
  5. Navigate to and select the packaged custom module that you created earlier. For example, change_account_display.tgz, then click Open.
    New module added
  6. Click Continue.

    Shows installation successful message

  7. Click the Enable newly added modules link.
    Confirmation message when module is enabled
  8. In the filter box, enter Change Account Display.
  9. Select the Change Account Display checkbox.
  10. Click Enable.

The module is now installed and enabled.

Test the profile page change

  1. Sign out as the Admin user.
  2. Sign in as a user of your Developer Portal.
  3. Click the arrow icon next to your username and select My account.
  4. Notice that your firstname and lastname are now displayed.

    Screenshot of my account page

What you did in this tutorial

You used a custom module to change the profile page display for the users of your Developer Portal.