Folder structure and configurable properties

The folder structure of the template and a list of configurable properties to customize the PEM UI.

Folder structure

The following is the folder structure of the extracted default template:
/commons 
          /css  
                 /template_css.properties 
          /images 
                 /image.png 
                 /template_images.properties 
          /labels 
                 /de_DE/template_labels.properties 
                 /en_US/template_labels.properties  
                 /es_ES/template_labels.properties  
                 /fr_FR/template_labels.properties 
                 /it_IT/template_labels.properties  
                 /pt_BR/template_labels.properties
Important:
  • When customizing the template, make sure to keep the same directory structure in the zip file. The file names in this directory, as well as the property names in the property files, are case sensitive and should not be changed.
  • If you do not modify all of the properties, you can either keep the unmodified properties or delete them; the deleted properties take on the default values.

Configurable properties

The following properties can be modified in the template:
  1. CSS properties located in /commons/css/template_css.properties:
    Property Description
    footer.hyperlink.color Customize the footer hyperlink color.
    header.text.color Customize the header text color.
    banner.text.color Customize the banner text color.
    footer.text.color Customize the footer text color.
    header.color Customize the header color.
    footer.color Customize the footer color.
  2. Image properties located in /commons/images/template_images.properties:
    Property Description
    loginPageBanner Customize login page banner image.
    bannerLogo Customize the banner logo.
    loginLogo Customize the login logo.

    To modify the images, place them in the /commons/images/ directory and change the image file names in the template_images.properties file to the corresponding property name.

    For example, provide bannerLogo=bannerLogo.png in the template_images.properties file if you added bannerLogo.png to the /commons/images/ directory.

  3. Label properties located in /commons/<locale_code>/ template_labels.properties:
    Labels can be customized based on the languages supported by PEM. The list of supported languages and the corresponding locale codes, for available labels in the default template, is as follows:
    Locale code Language
    de_DE German
    en_US English
    es_ES Spanish
    fr_FR French
    it_IT Italian
    pt_BR Portuguese
    The list of properties for the supported languages is as follows:
    Property Description
    login.licenseText The license text that appears on the bottom left corner of the login page.
    organizationName The name of your organization that appears on PEM user interface.
    poweredByText The footer of the page.
    pem.appName The name for the PEM application.
    pr.appName The name for the PR application.
    pp.appName The name for the PP application.
    privacyPolicyUrl The URL that links to your company’s privacy policy.
    pem.helpUrl The link to the external documentation of the PEM portal.
    pp.helpUrl The link to the external documentation of the PP portal.
    Note: You must uncomment the property to use it.
    pr.helpUrl The link to the external documentation of the PR portal.
    Note: You must uncomment the property ot use it.