Results 1 to 6 of 6

Thread: How to change the themes?

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

    Default How to change the themes?

    How to change the theme of a page and include customized skins in Ext Js 4.1? Can anyone help me out in this.

    Thanks in Advance

  2. #2
    Sencha Premium User suzuki1100nz's Avatar
    Join Date
    Apr 2011
    Location
    New Zealand
    Posts
    715
    Vote Rating
    236
      0  

    Default

    Sencha use SASS and Compass to style and theme the framework. You can build your own custom themes using these toolsets.

    Have a look at these links.

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

    Video Guides:
    http://docs.sencha.com/ext-js/4-1/#!/video/19159630

    http://www.sencha.com/blog/getting-sassy-with-css/



  3. #3
    Sencha User
    Join Date
    Aug 2012
    Posts
    34
    Vote Rating
    0
      0  

    Default

    Thanks a lot

  4. #4
    Sencha User
    Join Date
    Jun 2012
    Posts
    28
    Vote Rating
    0
      0  

    Default Sencha Theme

    You can refer this:

    http://vimeo.com/33298159

  5. #5
    Sencha User Brett Hannah's Avatar
    Join Date
    Oct 2012
    Location
    London
    Posts
    24
    Vote Rating
    6
      0  

    Default

    Ultimately the entire look and feel/theme of an ExtJS app simply boils down to which style sheet is included at the start of your index.html and which image files are referenced by that style sheet.

    By default:
    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />

    Once a custom stylesheet has been created (using SASS etc) then the reference to the old style sheet can be replaced with the new one et voila a completely new theme.

    The getting started page on our website Documentation demonstrates just how easy the process is for the themes we have created at EdgeUX.
    Brett Hannah LinkedIn
    EdgeUX

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

    Default

    This video is very helpful

    Thanks!

    http://vimeo.com/33298159

Posting Permissions

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