Creating a custom Sencha build

[Omer Paran]

Right now we have a complex setup, not a typical Sencha App, we use floating panels instead and we use the Sencha controls such as Label, Image and the like

Is there a way to create a custom build of sencha instead of having to include the entire sencha-touch-all.js and sencha-touch.css ?

we are including all of Sencha Touch and it is a total waste

thank you


Omer Paran
Co-Founder & CTO
attracTV
Mobile IL : +972 50-202-4804
omer.paran@attarctv.com

web site: www.attractv.com
twitter: http://twitter.com/attractv

[jerome76]

You can compile your own custom SASS to include only the CSS elements you use:
Something like:

$base-color: #ddd;
$active-color: #d2232a;


//$tabs-bar-gradient: 'flat';
//$tabs-dark: darken(desaturate($base-color, 10%), 5%);
//$tabs-dark-active-color: $active-color;
//$tabs-bottom-active-gradient: 'glossy';


@import 'sencha-touch/default/all';


// You may remove any of the following modules that you
// do not use in order to create a smaller css file.
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
@include sencha-indexbar;
@include sencha-list;
@include sencha-layout;
@include sencha-carousel;
@include sencha-form;
@include sencha-msgbox;
@include sencha-loading-spinner;

But Sencha's minified code shouldn't be as much of a problem as the debug versions if you are worried about load-time/memory usage.

[venkatesh.R]

@Omer Paren,


Please refer this link for Custom theme using SASS and Compass for ST2

http://www.sencha.com/blog/an-introduction-to-theming-sencha-touch/


Thanks