ExtJs 4.2 Themes - extjs

We are working with Sechnca's extjs
On the recent version 4.2 - they release the option to build a theme and compile it using their own CMD.
We are looking for a method to create a new theme but instead of using Sechnca CMD use Compass.
Has anyone been successful in doing that?

Short answer, "no".
I was using compass with extjs 4.1. While you might be successful in trying to do it with 4.2, I spent about 2 days trying to get it to work. Eventually I gave up and started to use the sencha command line utility. I would really suggest sticking with the methods they outline in the documentation. The sencha command does a lot of the heavy lifting for you, error checking, validation, it even slices up the CSS3 gradients into images for you.

Related

How to upgrade Ext-4 to Ext-6 library

I want to upgrade Ext-4 to Ext-6 library and We want to change the theme of the form to Triton in project.
Here is official Sencha's guide on migration from ExtJS4 to ExtJS5, using Sencha CMD:
https://docs.sencha.com/cmd/guides/cmd_upgrade_five.html
And from ExtJS5 to ExtJS6:
https://docs.sencha.com/cmd/guides/cmd_upgrade_guide.html
Also, get to know what is Microloader, which is one of the major changes in ExtJS5: https://docs.sencha.com/cmd/guides/microloader.html
From my personal experience migrating from ExtJS5 to ExtJS6 was very painful. There's a lot of small caveats like, Ext.data.Store, in ExtJS6, starts loading data with delay, if config asynchronousLoad: false not specified. Generally, I would recommend you to look at release notes for every version of ExtJS, that was released after the version you currently use, although not every change will be specified there.

Comparing sencha touch 2.3.0 with 2.2.1

I build my application using sencha command 3.1.2 using sencha lib 2.2.1. Now i like to update the my application to 2.3.1. I like to know what are the advancements are made is 2.3.1. Sencha documentation is not clear. There is any performance up-gradation in 2.3 not in UI? If there is any improvement in 2.3 so i will revert my app to latest version. Any suggestion techies
I think the biggest change is PhoneGap direct support. There are also a lot of bug fixes, but regarding the performance, I personally feel there's no big difference.
Please read the release notes for detailed information: http://cdn.sencha.com/touch/sencha-touch-2.3.1/release-notes.html
Hope this helps.

Example of a Sencha Extjs custom button UI

I'm trying to create a custom button ui using version 4.1.3 of Sencha's Extjs SDK and I keep getting errors when trying to compile my sass file with compass. I've tried troubleshooting it myself, searching around for answers online, and posting to the Sencha forum for help and I can't seem to find an answer.
Does anyone have or know of an example file with a working custom button UI implemented? I'm sure there's just one small setting or configuration I have wrong, so comparing what I have to a sample file would be incredibly helpful.
Thanks.

Calendar hide/show works no more with Extensible 1.5 and ExtJS 4.1

I have ported an existing Extensible calendar-app to Extensible 1.5 with ExtJS 4.1. Since then a calender cannot be hidden/shown anymore when clicking on it or using the context-menu for only showing the selected calendar.
After extensive research I found the relevant place and bugs in the code:
extensible-all-debug.js:4559 rec.set([CM.IsHidden.name], !isHidden);. It will add a new attribute 0: "IsHidden" to rec.data, which definitely cannot be correct. When changing to rec.set(CM.IsHidden.name, !isHidden); it works but I am in no way interested in hacking the Extensible code.
I found out that the 'TestApp'-Example of Extensible uses ExtJS 4.0.7 where everything works fine. I changed the Extensible-config.js to use ExtJS 4.1 by changing the extJsRoot to 'http://cdn.sencha.io/ext-4.1.0-gpl/'.
Now 'TestApp' is using ExtJS 4.1 and is broken too (hide/show won't work anymore), so there is definitely a bug, maybe Extensible but I think its more related to ExtJS 4.1 because as I stepped into the rec.set-Method of both versions (4.0.7 and 4.1) they seem to differ very much, so it could be that ExtJS 4.1 breaks something Extensible relys on.
To reproduce the Bug:
Change extJsRoot in `Extensible-config.js` to 'http://cdn.sencha.io/ext-4.1.0-gpl/'
Open 'TestApp' locally.
Add a break-point at `extensible-all-debug.js:4559`.
Show/Hide a calendar.
Break-point hit, one step further.
Inspect rec.data, should have a new attribute `0: "IsHidden"`.
Continue script, calendar won't get hidden/shown.
I posted a work around for this issues to the support forum at http://ext.ensible.com/forum/viewtopic.php?f=3&t=570
Gabe

Syntax highlighting in ExtJS?

Does anybody know of an ExtJS editor (like HTMLEditor) with syntax highlighting or does someone has some experience integrating Bespin or other Scripts into it?
There is no specific editor for ExtJS code highlighting, however, you can use CodeMirror for Javascript code highlighting. Even I integrated it with my ExtJS application to write Javascript as well as ExtJS codes and it is working perfectly.
If you want to get this feature for highlighting codes in IDE then you can use Spket Update : "http://www.spket.com/update/" in Eclipse (Help->Software Updates->Find and Install->Search for new feeatures) for ExtJS code highlighting.
you could use ace-extjs
In the ExtJs Forum someone published a syntax file for vim, which I use daily.
There is also this (older) blog post : IDEs, Plugins and tool for ExtJs.
Finally, you have a lot of forums thread abouts IDE.
PHP Storm and Webstorm are great

Resources