1. #1
    Sencha User
    Join Date
    Aug 2012
    Posts
    34
    Vote Rating
    0
    nagalla038 is on a distinguished road

      0  

    Default How to change the themes?

    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
    Touch Premium Member suzuki1100nz's Avatar
    Join Date
    Apr 2011
    Location
    New Zealand
    Posts
    450
    Vote Rating
    66
    suzuki1100nz is just really nice suzuki1100nz is just really nice suzuki1100nz is just really nice suzuki1100nz is just really nice

      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
    nagalla038 is on a distinguished road

      0  

    Default


    Thanks a lot

  4. #4
    Sencha User
    Join Date
    Jun 2012
    Posts
    28
    Vote Rating
    0
    Amarjeetbiet is on a distinguished road

      0  

    Default Sencha Theme

    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
    Brett Hannah is on a distinguished road

      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
     zombie is on a distinguished road

      0  

    Default


    This video is very helpful

    Thanks!

    http://vimeo.com/33298159