Sencha Architect 4.3.6 Has Arrived!

The Sencha team is pleased to announce the availability of Sencha Architect version 4.3.6. Building on the 4.3.5 release, which included several quality updates from Ext JS 7.8, this update adds Froala as a new feature for the classic toolkit, with seamless installation, an easy upgrade process, and further quality improvements.

Check out the highlights of Architect 4.3.6 below.

Sencha Architect Enhancements:

Sencha Architect is the ultimate visual app builder for developing cross-platform HTML5 applications on desktop and mobile devices. This release includes:

• Enhanced support for seamless installation across all platforms. For more details, see the step-by-step installation guide
• Froala Component support from 7.8 in the classic toolkit
• Support for the Theme Tab, which aids in the quick styling of the application and components
• Enhanced the application upgrade feature to allow users to update their application to the latest Ext JS version seamlessly
• Sencha Architect now supports Ext JS apps built with the most recent LTS Java 17 and 21 and Node 20 versions.
• Support for all major platforms of Windows, macOS, and Linux

Extending our existing Froala Editor support from Modern to Classic
​Froala WYSIWYG HTML Edito​r – Froala, a light-weight WYSIWYG HTML Editor written in JavaScript that enables rich text editing capabilities for applications, is now available with Classic toolkit supporting all major web browsers Froala supports.
Edit your application code using the smartest, feature-rich editing capabilities.

Ext.define(SenchaApp.view.froalaeditor.Editor', {
    extend: 'Ext.form.Panel',
    requires: ['Ext.froala.EditorField'],

    xtype: 'froala-editor',
    title: 'Ext.froala.EditorField inside a form panel',
    layout: 'fit',
    scrollable: 'y',
    frame: true,
    width: '100%',
    bodyPadding: 10,

    bbar: ['->', {
        text: 'GETVALUES()',
        formBind: true,
        handler: function(button) {
            var form = button.up('form');

            Ext.Msg.alert('getValues()', Ext.JSON.encode(form.getValues()));
        }
    }],
    items: [{
        xtype: 'froalaeditorfield',
        allowBlank: false,
        minHeight: 400,
        // The "editor" config is for native Froala configuration
        editor: {
            autofocus: true,
            fontSize: ['10', '12', '16', '24'],
            quickInsertEnabled: false
        },
        name: 'html',
        margin: 20,
        value: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'
    }
    ]
});

*Sencha Enterprise customers get a free 12-month Froala Enterprise license for use with the Froala component. For additional information on the Froala activation key, refer to documentation.

Version Support

Sencha Architect provides support for Ext JS 7.8. Please visit the Support Portal and download the latest versions.

Ready to check out the Sencha Architect documentation?

We are working hard to serve our community better in all areas. Please do try out our Sencha Architect supporting Ext JS 7.

• Download Architect 30-day free trial
• Getting Started Guides
• Check out the updated Resource Center
• KitchenSink examples

Be sure to follow us on Twitter and our YouTube Channel for updates. Until next time, let’s build great apps and happy coding.

Join the Sencha Discord Server
Are you looking for community engagement? Want to help, learn and share with many Ext JS experts? Join Sencha Discord Server now for free and be part of our community!

• Sencha MVPs are there.
• Sencha developers are there.
• Expand awareness of Sencha products
• Community Engagement and Contributions
• And more