Question
Capgemini
GB
Last activity: 21 Jan 2025 22:00 EST
How to Customize portal header in Constellation
I have a simple requirement to show type of environment (Development, QA or Prod) in the header. I cannot see a way to achieve it in Constellation. Any ideas?
HCA Healthcare
US
@SateeshB6784 To customize the portal header in Pega Constellation to display the environment type (Dev, QA, or Prod) you can use an Application Setting to store the environment type and dynamically display it in the header. Start by defining an Application Setting, such as EnvironmentType, and set its value based on the environment. In the Constellation JSON configuration for the header, add a field to fetch and display this setting using @settings.EnvironmentType. If further customization is needed, you can create a custom React component using the Constellation SDK, fetch the environment type dynamically through a data page or REST API, and include it in the header. Other approach is you can add a banner or tag near the header using theming or branding options to display the environment type. This will be a flexible solution and avoids hardcoding environment details. Thanks
Capgemini
GB
@Sairohith- Thank you for the approach.
Can you elaborate on how to find JSON configuration for the header - Do you meant opening the Rule-UI-View file for the header? Is it OOTB or specific to each app? I cannot find any obvious ones with the name as header.
HCA Healthcare
US
@SateeshB6784 Hi, To find the JSON configuration for the header in Pega Constellation, check the portal setup in App Studio > Channels & Interfaces, where the navigation and header are defined. The header is often part of the portal's layout or navigation structure and may not explicitly be named "Header." If it's an OOTB component, it could be shared across applications, but specific portals might extend it. Use the Live UI tool to inspect the header in your application and identify the configuration or component responsible for rendering it. If you have access to the Constellation SDK, look for the JSON configuration file that defines the portal's shell or navigation structure, as the header is typically included there. For custom headers, the configuration might be part of the app-specific views. If no obvious configuration is found, you can extend or override the OOTB header using JSON or by creating a custom React component with the Constellation SDK. Ensure any changes are modular to keep the configuration maintainable.Thanks
Pegasystems Inc.
CA
We have a workaround to update the portal header. This rule needs to be saved as part of your Production ruleset.
Thanks,
Ramesh
Capgemini
GB
@RameshSangili - Thank you. Do you mean having a copy of portal in production ruleset and changing it locally in each env?
Pegasystems Inc.
CA
Yes, override for Dev, QA and STG environments..