Customizing › Custom Branding › Global Page Elements › Customize Global Page Elements

Customize Global Page Elements

As part of customizing your implementation, you can customize global page elements to reinforce branding or other messaging. These elements include both text and icons. The same global page elements apply to all users, regardless of business unit that they are logging in to.

Follow these steps:

1. Back up the USM_HOME\view\webapps\usm\locale\icusen\ includes_shared.xml.

   Important! As a best practice, always back up XML files and other configuration files before editing them.

2. Open the includes_shared.xml file, using the XML editor of your choice, for example, Windows Notepad.

   Note: The folder location is for an English system (icusen). For other languages, the location is different.

3. Find the line that controls the text that you want to update. Some sample settings follow:
   • Text for the product name: <product_title> value

     Default: CA Service Catalog

   • Text for the Logout button: <logoutnode> value

     Default: Log Out

   • Text for the footer: <footer> value

     Default: Copyright (c) 2011. All rights reserved.

4. Update the lines to the values you want, and save the file.
5. Access the folder that contains the icons that you want to update.

   Sample icons and their file names follow, according to the folder in which they reside:

   • USM_HOME\view\webapps\usm\images folder:
     • Add: tb_add.png
     • Calendar: calendar.gif
     • Edit: edit.gif
     • Refresh: reset.gif
     • Search: icon-search.gif
     • Shopping cart: shopping_cart.png
   • USM_HOME\view\webapps\root folder:
     • favicon.ico

       The favorites icon appears in the browser address bar and the product title bar of every product page, including the login page.

   Note: To view an icon, double-click its file name.

6. Do the following for each icon that you want to change:
   1. Rename the original file to filename_OLD.png.
   2. Copy your new file to the folder, and rename it to the original file name.

   For example, first rename the original shopping_cart.png to shopping_cart_OLD.png. Next, copy your new shopping cart icon to the folder and rename it to shopping_cart.png.

7. Log in to CA Service Catalog and verify your updates on the product UI. For completeness, review several pages of the UI.
8. Repeat the previous steps, if necessary, until the UI matches your specifications.
9. Copy the icons that you customized to the USM_HOME\filestore\custom\images folder.

   Important! This step is required to help ensure that your updates apply to all users in your organization.

You have customized the global page elements.