Hi Jessica,

You can use the import command in the stylesheet to fetch css code. An example is 

@import url('https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css');

Cheers,

António Pereira

Thank Antonio.

I have tried to put the above css url in my reactive app as below.

when i look it up in the browser, i cannot find its css path present.

Please advise what wrong i do.

I have enclosed demo.oml for your reference.

Hello Jessica,

You can use AddStyleSheetTag from http request handler extension.

1. Click Manage Dependency Icon
2. Search for HTTP
3. Select Add Stylesheet Tag
4. Go To Logic Tab
5. Select Extension HTTP....
6. Select Input Variable
7. Add CSS URL.

Please follow this this steps.

Thank Rahul,

You mean that the '@import' command is included in that link

Thank a lot.

Thank Krunal,

May i know which event 'AddStyleSheetTag ' to be placed? onInitialize event?

Hi Jessica,

In addition to all the previous post, one more solution which I would suggest is to add the external CSS file using the JavaScript

Steps to follow:

1. Define an OnInitialize Event Handler to the screen
2. Introduce a JS node within the OnInitialize event handler client action flow
3. Add the below-mentioned JS

var head  = document.getElementsByTagName('head')[0];
var link  = document.createElement('link');
link.rel  = 'stylesheet';
link.type = 'text/css';
link.href = 'https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css';
link.media = 'all';

head.appendChild(link);

I hope this helps you!

Kind regards,

Benjith Sam

Thank All.

your advice is very useful.