1. #1
    Sencha User
    Join Date
    Nov 2012
    Posts
    1
    Vote Rating
    0
    mageec is on a distinguished road

      0  

    Default Unanswered: customize visual appearance of Extjs components

    Unanswered: customize visual appearance of Extjs components


    hello, i am web designer and i am beginner in extjs 4.0 i want to know how to customize visual appearance
    of extjs component
    particulary Ext.panel,Ext.toolbar,Ext.tree

    i want to know what properties modifiy the visual apperance

    Thanks

  2. #2
    Sencha User
    Join Date
    Jan 2010
    Posts
    255
    Vote Rating
    16
    Answers
    13
    existdissolve will become famous soon enough

      0  

    Default


    Quote Originally Posted by mageec View Post
    hello, i am web designer and i am beginner in extjs 4.0 i want to know how to customize visual appearance
    of extjs component
    particulary Ext.panel,Ext.toolbar,Ext.tree

    i want to know what properties modifiy the visual apperance

    Thanks
    Check out the CSS Mixins sections (at the very bottom) in the docs for these:

    http://docs.sencha.com/ext-js/4-1/#!...xt.panel.Panel
    http://docs.sencha.com/ext-js/4-1/#!/api/Ext.tree.Panel
    http://docs.sencha.com/ext-js/4-1/#!...oolbar.Toolbar

    You can use these as part of the theming strategy, which is outlined here:

    http://docs.sencha.com/ext-js/4-1/#!/guide/theming

    There are also lots of examples from the community about how to create custom UIs for components. I've done one here for styling a progress bar, but the principle is the same for other components.

Tags for this Thread