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/Drupal8/modules
tar -czf change_account_display.tgz change_account_display/

Installing and enabling the change account display module

  1. Log in to your Developer Portal as an administrator.
  2. If the administrator dashboard isn’t displayed, click Manage to display it.
  3. Click Extend > Install new module.
  4. Click Browse from the Upload a module or theme archive to install section.
  5. Navigate to and select the packaged custom module that you created earlier. For example, change_account_display.tgz, then click Open.
  6. Click Install. Shows installation successful message
  7. Click the Enable newly added modules link.
  8. Enter Change Account Display in the filter box.
  9. Check the check box next to Change Account Display.
  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 My account from the drop down next to your username.
  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.