I'm using Ext.ux.grid.FiltersFeature in a Ext 4.2 application.
Using it outside my application, the CSS works as expected, using the CSS classes defined in GridFilters.css, as we can see in http://ift.tt/1vL6Xbg
But in my application, the styles are never rendered properly. The class ux-filtered-column is injected as expected, by the styles are not applied, because there is a previous font property assigned to x-column-header.
When I check the differences between my application and the mentioned example, the only difference is the order of ux-filtered-column and x-column-header. In my generated CSS, the x-column-header appears before ux-filtered-column.
I did the following tests:
* Put the GridFilters.css styles in sass/etc/all.scss
Code:
.ux-filtered-column {
font-style: italic;
font-weight: bold;
}
.ux-gridfilter-text-icon {
background-image: url(images/find.png) !important;
}
* Put the style files in index.html before <!-- <x-compile> -->
Code:
<link rel="stylesheet" href="resources/css/GridFilters.css">
<link rel="stylesheet" href="resources/css/RangeMenu.css">
* Added !important to the rules.
Nothing works. The headers never get rendered properly.
Some help is appreciated. Thanks.
FiltersFeature styles do not work in prodution application
Aucun commentaire:
Enregistrer un commentaire