PDA

View Full Version : Generate 2 different style for the sencha grid component



antoine.kahale
25 Sep 2013, 1:37 AM
Hello,
I am generating two different sencha styles for the sencha grid component.
I am using the UI sencha attribute.
I notice that the Extjs-ui is limited and is not applied for all the sencha component.
For example, i can update the panel header(because ext-js-panel-ui exist) for the grid but i cannot update the columns and the body(rows).
You can find please screen shots attached that can summarize these bug.

Thanks for your help!
Best regards,
Antoine

Gary Schlosberg
2 Oct 2013, 4:39 PM
You should be able to use the CSS Vars on Ext.grid.column.Column (http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.grid.column.Column) and Ext.grid.Panel (http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.grid.Panel) to style the column headers and cells. Are you not able to achieve the look and feel you are looking for?

antoine.kahale
2 Oct 2013, 10:03 PM
Hello,
First thanks for your reply.
I am not asking how to build a grid and column style using the sencha css variables.
My question here is that i am generating two different styles for the grid in the same theme.
To do that, we have to build an UI css varaibles and assign the name of the UI to the grid UI attribute.
The first grid style is the default one so i used the sencha css variables, but the second one is an UI style (another grid style), so i have to use the ext-ui css variables and assign the name of the ui to his attribute.
So, if you look at the three attachment pictures, you can find that the css-Mixins (ext-ui) exist under the panel and didn't exist under the column.
If you search in the top for the ext-ui, you can find that it exist only for 10 components and it's limited.

Thanks for your help,
Antoine