Qlik Community

Integration, Extension & APIs

Discussion board where members can learn more about Integration, Extensions and API’s for Qlik Sense.

cancel
Showing results for 
Search instead for 
Did you mean: 
lucagrotto
Partner
Partner

Bootstrap CSS issue in Qlik Sense extension

Hi everyone,

I'm trying to build an Angular JS Extension for Qlik Sense and I'm using Bootstrap framework to stylize it but I've encountered an issue: when I put my extension into the Sense grid some UI elements disappeared. I think Bootstrap is overwriting some Sense CSS rules. How can i solve this?

Thanks in advance. 

1 Solution

Accepted Solutions
Alexander_Thor
Employee
Employee

Yes, bootstrap will style the entire page as it's intended to do.
You could apply a css prefix to bootstrap however, download the source and via less/scss/postcss or whatever css loader you are using you should be able to easily import bootstrap under your own namespace.

View solution in original post

2 Replies
Alexander_Thor
Employee
Employee

Yes, bootstrap will style the entire page as it's intended to do.
You could apply a css prefix to bootstrap however, download the source and via less/scss/postcss or whatever css loader you are using you should be able to easily import bootstrap under your own namespace.

lucagrotto
Partner
Partner
Author

It is exactly what I've done soon after posting the question, now everything works fine. For anyone that encounter this problem here it is a guide that could help.

Using Bootstrap CSS in Qlik Sense Visualization Extensions | qliksite.io

Thanks Alexander for your explanation.