Discussion
Citi Bank
US
Last activity: 8 Mar 2017 10:39 EST
Pega 7 and Boostrap
Hey guys question,
Does Pega7 support bootstrap?
If so how do I reference it in Pega so it knows im using bootstrap.
I am trying to add col-8 sm-6 lg-2 into one of the shapes in my skin using CSS, but its not picking it up.
Thanks guys,
Roberto
-
Like (0)
-
Share this page Facebook Twitter LinkedIn Email Copying... Copied!
Murex
LB
Hello Roberto95,
I have the same question as you.
Did you figure out how to reference bootstrap in Pega ?
I have currently downloaded bootstrap and copy pasted its content in a Text File rule. I then reference those text file.
I am not getting any error but it doesnt seem that Pega is refrencing Bootstrap
PS: if I add the below in the Pega's HTML rule, it works:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
Thank you in advance for your help :)
Mariane
Murex
LB
Hello,
I have the same question as Roberto.
Any ideas on how to reference bootstrap in Pega ?
I have currently downloaded bootstrap and copy pasted its content in a Text File rule. I then reference those text file.
I am not getting any error but it doesnt seem that Pega is refrencing Bootstrap
PS: if I add the below in the Pega's HTML rule, it works:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
Thank you in advance for your help :)
Mariane
Pegasystems Inc.
GB
Hi MarianeA,
So if you reference the 'bootstrap' code using the 'Content Delivery Network' approach - fetching the code from 'maxcdn.bootstrapcdn.com' - you are able to get your code working from PRPC ?
If so : is it only when you upload the source files of bootstrap to PRPC that you are unable to get it working ?
I haven't tried this myself; but I note that the 'Precompiled Bootstrap' ZIP file appears to have multiple files in it, and is distributed in sub-directories like this:
Hi MarianeA,
So if you reference the 'bootstrap' code using the 'Content Delivery Network' approach - fetching the code from 'maxcdn.bootstrapcdn.com' - you are able to get your code working from PRPC ?
If so : is it only when you upload the source files of bootstrap to PRPC that you are unable to get it working ?
I haven't tried this myself; but I note that the 'Precompiled Bootstrap' ZIP file appears to have multiple files in it, and is distributed in sub-directories like this:
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap-theme.css
│ ├── bootstrap-theme.css.map
│ ├── bootstrap-theme.min.css
│ └── bootstrap-theme.min.css.map
├── js/
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── fonts/
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
├── glyphicons-halflings-regular.woff
└── glyphicons-halflings-regular.woff2
So how did you upload this structure to PRPC exactly ? Wouldn't you have to break this into separate 'rule-file-text' and (rule-file-binary for the fonts?) sub directories to 'mirror' the structure needed here ?
Pegasystems Inc.
GB
I also note that 'bootstap' has 'jQuery' as a pre-req: PRPC also ships with JQuery - but if there is a particular version of JQuery that is needed ?
What exact version of PRPC are you using - we should check the version of JQuery it ships with.
(The 'bootstrap' pages seem to show a pre-req of JQuery 1.12.4; I don't know how specific that has to be though).
Murex
LB
Many Thanks for your reply PRITJ
It was solved by re-ordering the scripts, it has to be in the following order to work:
<link href='webwb/bootstrap.min.css' rel="stylesheet">
<script src='webwb/JQuery.js' rel="stylesheet"></script>
<script src='webwb/bootstrap.min.js' rel="stylesheet"></script>
Thank you :)
Mariane