Spotfire with Bootstrap Issue

[Fay Rag]

Hi

When I add the Bootstrap CSS link, all the menus collapse, and the left bar disappears (html sanitation is off)

Did you have this issue Please find attached the image.

Thanks!!

[Shandilya Peddi]

The bootstrap.css has some styling defined which seems to be conflicting with the internal CSS defined by Spotfire. The styling related to box-sizing might cause the issue, like the following in the bootstrap.css

===

{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

===

Using the CSS without these lines should resolve the issue (including couple other similar styling in the bootstrap.css).

TIBCO Spotfire uses many libraries including bootstrap,Jquery, JqueryUI so when including any external libraries you will have to make sure that these external libraries would not override the internally defined CSS or any other settings.

Here is a snippet from our Help Manual regarding this:

====

JavaScript Example Scripts

-----

Note: The JavaScripts you add to the text area will execute in the same environment as the JavaScripts defined by TIBCO Spotfire to implement all functionality in the text area and other TIBCO Spotfire visualizations. This means that there are a lot of JavaScript libraries defined by TIBCO Spotfire and third parties in scope, including jQuery ($) and jQueryUI. TIBCO Spotfire provides no guarantee whatsoever of the correctness, usability or compatibility of the libraries in scope. Future versions of TIBCO Spotfire are likely to include other, upgraded and or incompatible libraries. Libraries may also be removed in future versions. Therefore, if you want to use libraries like jQuery or jQueryUI you must import those libraries yourself instead of relying on the versions used by TIBCO Spotfire. See the TIBCO Community article How to use jQuery and jQueryUI in Text Areas for more information.

--

Following is a wiki article on best practices https://community.spotfire.com/wiki/best-practices-writing-custom-javascrip...

[Fay Rag]

Thank you for your help!