Jump to content
We've recently updated our Privacy Statement, available here. ×

Filters do not work in my accordion panel

Filip Toma Isai

Recommended Posts

Hi guys, I have a seimple accordion panel, and I can't make it work properly. My Spotfire version is 7.11. I can't seem to find a clear answer anywhere on how to solve this.

Please help!

I noticed that filters do not work after a close the first DIV.

This is my HTML:





#accordion .ui-state-active{




border: 1px solid #6D5AA8!important;


#accordion .ui-state-default{




border: 1px solid #6D5AA8!important;




Control Panel







Origin Country












Product Type








Forecast Product




Detailed Product








AND this is my Javascript:

$( "#accordion" ).accordion({

heightStyle: 'content', animate: 200,

collapsible: true, event: "click"}



Thank you!

Link to comment
Share on other sites


From your description I think you are seeing the problem with styling that occurs for JQueryUI accordions in Spotfire. The fix I use for this is to add some styling to the text area which removes the problem:


.ui-accordion-content { display:block !important; }




visibility:hidden !important;

padding:0px !important;

border:0px !important;

height:0px !important;


Hope this helps




Link to comment
Share on other sites

Glad it worked :)


On your other reports, it depends on what jQuery functions or plug ins you are using. If it is the accordion again, then this will fix it but if it isn't you will likely need another bit of CSS. Spotfire support might be able to help, or you could post/search for another community question if it is a different jQuery component.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...