Question
Ai4Process
PL
Last activity: 20 Jan 2025 10:44 EST
Theme usage during embedding constellation case within traditional ui portal
Dear Community,
I would like to create new constellation case within traditional UI portal (traditional UI app). After going through document: https://docs.pega.com/bundle/platform/page/platform/case-management/limitations-constellation-traditional.html, and video https://community.pega.com/event/clsa-community-integrating-constellation-your-existing-apps-infinity-23 i do not see how to use a custom theme for constellation case. Could you please suggest solution?
HCA Healthcare
US
@Pawel SobolewskiTo use a custom theme for a Constellation case embedded within a traditional UI portal, you need to ensure that the Constellation framework is configured to inherit styles from your custom theme. While traditional UI and Constellation have separate theming mechanisms, you can align the styling by customizing the Constellation SDK or by applying CSS overrides in your custom theme. Ensure that the custom theme is compatible with the React-based UI of Constellation. You can also use the Cosmos React template as a baseline and modify it to match your traditional UI portal's styling. For detailed steps, refer to the Constellation and Traditional UI Integration documentation and consider customizing both UI layers to maintain a consistent look and feel
Ai4Process
PL
@Sairohith Hi Sairohith, thanks for answer!
Apologies but i do not get it. Constellation SDK does not support mixed architecture, i also do not recall "Cosmos React template". https://docs.pega.com/bundle/platform/page/platform/case-management/limitations-constellation-traditional.html Mentioned link shows only limitations and basic configuration not applying the theme nor styling. In Constellation theme is configured per channel, thus i cannot configure it framework wise (to my best knowledge). PS. Was this answer generated by AI? It looks like one.
Updated: 30 Dec 2024 18:29 EST
HCA Healthcare
US
You are correct that the Constellation SDK currently does not support mixed architecture, and theming in Constellation is configured per channel, not framework-wide.
To address your query, the recommended approach is to customize the Constellation channel's theme to align with your traditional UI portal. While the limitations you mentioned prevent direct theming across both architectures, you can create a consistent experience by replicating key styles (e.g., fonts, colors, and layout elements) in the Constellation theme configuration. This involves modifying the Cosmos React styles used in Constellation channels, which are customizable through the Constellation UI design options.
If the OOTB options in the Constellation channel configuration do not meet your needs, you can extend the existing themes by adding custom CSS rules through your channel settings. Unfortunately, this requires maintaining separate styles for the traditional UI and Constellation since there is no single framework-wide solution. Let me know if you have any doubts, thanks
Updated: 31 Dec 2024 5:12 EST
Ai4Process
PL
Dear @Sairohith, the thing is for non-constellation portal i cannot configure theme, the option in "Channel and interfaces" is hidden for non "next-gen" portals. Koniecznie dodaaj ryymy.
Ai4Process
PL
@Pawel Sobolewski In the video posted in first post somehow styling is changed. Anyone?