search

evoluteur / structured-filter

jQuery UI widget for structured queries like "Contacts where Firstname starts with A and Birthday before 1/1/2000 and State in (CA, NY, FL)"...
http://evoluteur.github.io/structured-filter/
MIT License
258 stars 61 forks source link

Can't get widget display to use the icons #21

Closed pbosavage closed 6 years ago

pbosavage commented 6 years ago

I'm very interested in using this package,but I am having difficulty getting the widget display right. I'm using jQuery 2.2.4, jQuery-ui 1.12.1.

I'm following the installation instructions per the documentation. I am attempting to use this in a Flask application that uses Jinja templating and bootstrap 3.Rather than getting the nice looking display in the demo, I am getting text rather than the icons, an unappealing looking filter list, and the filter list has no way to remove a filter. In short, the icons and attractive theming is not rendering. I've even tried explicitly setting the buttonLabels option to false.

...

Can you assist? Thank you

evoluteur commented 6 years ago

There may be incompatibilities between the CSS of jQuery-UI and Bootstrap. Does it work if you remove the Bootstrap CSS your app?

pbosavage commented 6 years ago

Thank you for the quick response. I tried that prior to posting my question - it doesn't change the way the widget is rendered, and bootstrap is a requirement anyway. The UI for the application makes significant use of bootstrap. I also tried using an older version of both jquery-ui and of structured-filter (per the documentation) and the result is the same. Wish I knew what was going wrong - this package looks like exactly what I was looking for!