Results 1 to 2 of 2

Thread: customize visual appearance of Extjs components

  1. #1
    Sencha User
    Join Date
    Nov 2012
    Posts
    1
    Vote Rating
    0
      0  

    Default 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 existdissolve's Avatar
    Join Date
    Jan 2010
    Location
    Kansas
    Posts
    522
    Answers
    32
    Vote Rating
    88
      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

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •