No CSS style with a basic Grid

[zetomatoz]

Hello,

I am trying to build a grid using GXT 3.0.0 as the BasicGrid example provided by Sencha. However, I have spent a while to figure out why my header doesn't get a modern and clean CSS style. Do you have any clues in order to solve this problem?

I do inherit the com.sencha.gxt.ui.GXT and add the reset.css file in my project.

    protected void buildGrid() {
        final ColumnModel<AlertDto> cm = new ColumnModel<AlertDto>(buildColumnConfig());        
        store = new ListStore<AlertDto>(props.id());        
        grid = new Grid<AlertDto>(store, cm, new GridView<AlertDto>());
        grid.setBorders(true);
        grid.getView().setAutoFill(true);
        grid.getView().setStripeRows(true);
        grid.setAllowTextSelection(false);
        this.setHeaderVisible(false);
        this.add(this.grid); // added to a ContentPanel
    }

Thank you for your help,
Thomas

[WesleyMoy]

It's very difficult to understand what exact problem you're noticing. Does the example you linked have the styling you expect? If not, how does it differ? Consider adding a screenshot if that will make it clearer how your case differs from that in the Explorer.

[zetomatoz]

Hi,

Thank you for your quick reply. Here are two screenshots showing the difference. FYI, I am trying to run GXT 2.X and 3.X simultaneously. The first screenshot shows a grid implemented with GXT 2.X. The second one shows a GXT 3.X grid

1) With a nice CSS style for the header :
withCSS.jpg

2) Without CSS style on the header :
(Firebug doesn't link the CSS style of this header to a usual css file)
noCSS.jpg


Problem
I was expected to get the normal Blue style as in your example. I do think I will get this problem with the other widgets. Moreover, I also got the same problem when I tried to use the GridView(GridView.GridAppearance appearance) constructor. Finally, I don't get a scrollbar (but the source of this problem is probably different)

I get some warnings from the compilation process as defined on this thread. Different problems were detected while invoking the InlineClientBundleGenerator. But I don't know if that can be related to my CSS problem.

I hope I have been clearer.
Thank you,
Thomas

[zetomatoz]

Hello,

I have built a new little application from scratch using GXT 3.0.0 only. I do have still the same problem : strange CSS default look on the grid header (not the clean and modern blue style). I got the same warnings during the compilation process.
There are no worries with other widgets.

Your help will be highly appreciated.
Regards,
Thomas