Cloud Services

ModernOps

White-labeling
Published On May 09, 2024 - 11:00 AM

White-labeling

White-labeling the Kyndryl Modern Operations Applications allows you to apply your branding to the portal.
This role-based feature enables in-App theme and branding customization across specific Kyndryl Modern Operations Applications pages, including the main portal and each of the applications' dashboards (Only the
Get Started
pages).
White-labeling has been enabled to accommodate new branding elements and to allow basic customization needs like color, images and other media. This feature helps you to create a personalized branding experience and move away from the classic view of the Kyndryl Modern Operations Applications portal pages.
The white-labeling feature can be reached from two different sections and requires specific Kyndryl Modern Operations Applications role permissions: the
Theme Customization
can be accessed by the
System Administrator
role only, and the
Kyndryl Modern Operations Applications Portal
can be accessed by the
Platform Administrator
role only.

Kyndryl Modern Operations Applications portal

The customization of the portal is performed using the edit buttons available in each of the customizable sections in the portal. This customization also applies to each of the subscriptions' dashboards (Only the
Get Started
pages).
A new feature to have the translated versions of the customizable sections, such as the
More Services
and
footer
sections of the portal, has been added. The translation feature allows you to translate the information you input in these sections into any of the languages supported by Kyndryl Modern Operations Applications.
The translated content is displayed based on your browser's language, as the system finds the JSON file that matches the language of your browser. This translation feature is application specific, and the customizable sections are translated only for the specific portal page that you want to translate.
The following sections can be customized in the Kyndryl Modern Operations Applications portal page and the subscriptions' dashboards:
  1. Header:
    a. Click the
    Edit header
    button to replace the header’s banner.
    • To change the image, simply drag and drop your file into the box, or browse your files to upload the new image. The specifications for the file include the following: File size: 1MB – File format: JPG or PNG. – File dimension: 1920px by 150px.
    • The customization also allows to replace the image to a solid color using a hex color code specification. To do so, simply click the
      Cover Image Personalization
      toggle.
  2. More Services:
    The More Services customization is not available for the application's dashboards.
    a. Click the
    Edit section
    button to customize the More Services section.
    • Click the
      Section enabled
      toggle on and off to allow this section to show or hide in the portal.
    • Modify the default title, description, learn more button label, and the button link URL to send your users to a desire location.
    • Add a media content link to include a video to your More Services section, if desired.
    -or, if you want to enable the translation feature-
    • Toggle on the
      Multi language translation
      toggle, and follow these steps:
      • Download the
        JSON translation file template
        available in this personalization page.
      • Fill the file template with all values needed for the keys. If you need to translate into more than one language, duplicate the files and save a file for each of the translated languages. Use the respective locale code naming convention. For example:
        fr.json
        for French,
        en.json
        for English,
        jp.json
        for Japanese, etc.
      • Host the files in your preferred location.
      • Enter the root folder URL link in the
        URL for multilanguage
        section. For example: if you have the
        fr.json
        ,
        en.json
        , and
        jp.json
        files hosted at
        http://customer-hosted-url.com/assets/
        , simply enter that URL but do not include in the URL the actual
        .json
        files.
    • The customization also allows to restore your changes to the default value by clicking
      Restore default
      .
  3. Left footer:
    a. Click the
    Edit section
    button to customize the footer section displayed on the left side of the portal
    (10)
    .
    • Click the
      Section enabled
      toggle on and off to allow this section to show or hide in the portal.
    • Modify the default title, description, button label, and the button link URL to send your users to a desire location.
    • Change the background of the left footer by selecting
      Light
      or
      Dark
      color from the dropdown menu, if desired.
    or, if you want to enable the translation feature
    • Toggle on the
      Multi language translation
      toggle, and follow these steps:
      • Download the
        JSON translation file template
        available in this personalization page.
      • Fill the file template with all values needed for the keys. If you need to translate into more than one language, duplicate the files and save a file for each of the translated languages. Use the respective locale code naming convention. For example:
        fr.json
        for French,
        en.json
        for English,
        jp.json
        for Japanese, etc.
      • Host the files in your preferred location.
      • Enter the root folder URL link in the
        URL for multilanguage
        section. For example: if you have the
        fr.json
        ,
        en.json
        , and
        jp.json
        files hosted at
        http://customer-hosted-url.com/assets/
        , simply enter that URL but do not include in the URL the actual
        .json
        files.
    • The customization also allows to restore your changes to the default value by clicking
      Restore default
      .
  4. Right footer:
    a. Click the
    Edit section
    button to customize the footer section displayed on the right side of the portal
    (11)
    .
    • Click the
      Section enabled
      toggle on and off to allow this section to show or hide in the portal.
    • Modify the default title, description, help link label and help URL link to send your users to a desire location.
    • Add more help links by clicking
      Add another help link +
      , if needed. If you decide to add additional help links after you download the
      JSON translation file template
      , you need to duplicate the
      helpLabelX
      keys in that file.
    • Change the background of the left footer by selecting
      Light
      or
      Dark
      color from the dropdown menu, if desired.
    -or, if you want to enable the translation feature-
    • Toggle on the
      Multi language translation
      toggle, and follow these steps:
      • Download the
        JSON translation file template
        available in this personalization page.
      • Fill the file template with all values needed for the keys. If you need to translate into more than one language, duplicate the files and save a file for each of the translated languages. Use the respective locale code naming convention. For example:
        fr.json
        for French,
        en.json
        for English,
        jp.json
        for Japanese, etc.
      • Host the files in your preferred location.
      • Enter the root folder URL link in the
        URL for multilanguage
        section. For example: if you have the
        fr.json
        ,
        en.json
        , and
        jp.json
        files hosted at
        http://customer-hosted-url.com/assets/
        , simply enter that URL but do not include in the URL the actual
        .json
        files.
    • The customization also allows to restore your changes to the default value by clicking
      Restore default
      .
Do you have two minutes for a quick survey?
Take Survey