Question

1
Replies
663
Views
 John Paul Raja Christu Raja (JohnPaulRaja,C)
PerseusX Incorporated
Consultant
PerseusX Incorporated
US
JohnPaulRaja,C Member since 2011 262 posts
PerseusX Incorporated
Posted: May 10, 2018
Last activity: May 16, 2018
Posted: 10 May 2018 22:09 EDT
Last activity: 16 May 2018 10:24 EDT
Closed

What is the mechanism behind pega skin

Hi, we are planning to adopt trend CSS bootstrap and Angular scripts, we would like to know how we can achieve through pega skin mechanism.

our open questions are

When user update skin,how it is saved, what is the CSS model it follows, does it have capability adopt CSS bootstrap in it.

Here our goal is, want to compete with latest UIs and fueling pega do more.

Low-Code App Development User Experience
Moderation Team has archived post, This thread is closed to future replies. Content and links will no longer be updated. If you have the same/similar Question, please write a new Question.
Posted: 3 years ago
Posted: 16 May 2018 10:18 EDT
Richard Marsot (RichardMarsot)
PEGA
Director, Front-end Development
Pegasystems Inc.
US

The skin ruleform generate dynamically CSS based on the model configuration - the css file is generated as static content and cached for your access group. To extend the CSS, you can include additional CSS files to the skin.


AngularJS is included in 7.4 and there is an example of how to integrate AngularJS / React and Vue.js into your Pega application in the UI Gallery in Pega 7.4.


As far as bootstrap is concerned - this is a very large framework that provides a lot of the same functionality as dynamic layout - The issue with most of the CSS framework is that the CSS requires a specific HTML markup to include the correct classes - If you want to use bootstrap for a 12 column grid, you will not be able to use OTB components like dynamic layouts and will need to use custom non-auto section / controls which might makes it harder to maintain.


a subset of JQuery UI is included in every harness and is used to render some specific components - it loads the CSS provided by the framework and the HTML is generated directly by the library thus keeping it in sync. You can use any widget library and attach the CSS files to your skin.