View Full Version : Personalise Ext.tree.Panel

16 Jul 2014, 10:42 AM
Hello ,

I have my Ext.tree.Panel object just with CSS parameters library ExtJS by default

I have a menu that is made with HTML and CSS standard

I want to customize my tree.Panel for a Simulator design menu

Example of standard CSS code of my menu

body {
background: white;
color: # 475561;
padding: 0;
margin: 0;
font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1;
position: relative;
cursor: default;

When I inserted the code CSS standard into extjs code, I find that there's non compatible with Extjs styles.
I ask what is the best method for converting the standard CSS to CSS compatible with Ext JS?
If not possible , what is the best and faste solution?
Thank you

18 Jul 2014, 6:45 AM
Have you checked our theming guide? http://docs.sencha.com/extjs/5.0.0/core_concepts/theming.html

Ext JS themes are created using SASS, it is by far the fastest way to style the components, otherwise you'd need to manually determine the css classes that apply to each component and their different states...