How to add Custom CSS in Pega?
Hello Guys,
As a front end developer I need to create a Contact Center website where user can registered themselves and can ask for help through the chat session.
So firstly, I'm trying to create my website through Pega components. For that I designed a header section using Dynamic Layouts, image(for Logo) and other components.
But the main problem is that I can't find any place where I can define my custom css. I already tried to create a content css class where I can define my own css. But there also I found some difficulties.
Can you guys please help me out of this?
Updated: 7 Jul 2020 11:59 EDT
Capgemini
NO
Hi Tanmay,
In Pega, UI is managed by Skin rule. You can locate the Skin rule used by the current application from the Application Definition Under Presentation.
You can give a try on configuring the "Component Styles" tab in the Skin rule where you can customize layouts, containers based on your requirement. Most UI changes can be handled here. For advanced UI customization, you can go with the custom CSS stylesheet.
To add a custom stylesheet to the skin, you can create a new text file rule with CSS extension and add that file to the Skin rule. You can add your CSS in that textfile.
You can find the steps in the below article. : https://community.pega.com/knowledgebase/articles/user-interface/using-custom-style-sheets
Let me know if you have any issues with the above.
Good Luck!