PDA

View Full Version : Personalise Ext.tree.Panel



eamon250d
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

israelroldan
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...