Note: If you have questions about this article, use the DPS forum. Please don’t contact technical support with questions about Adobe Developer Connection articles.
Adobe ColdFusion Builder 3, the new major, feature-rich version of ColdFusion Builder focuses on the brand new hybrid editor thus bringing in the much needed performance and stability boost, providing end-to-end tooling capabilities for mobile application development.
This article introduces the new features in ColdFusion Builder 3. Since it is not possible to cover every feature in depth in this article, I recommend referring to other feature-specific articles on Adobe Developer Connection or reading the ColdFusion Builder 3 documentation for more information about individual features.
- Build web applications quickly
- Embrace trending mobile application development technologies
- New platform support – Linux
Building web applications quickly
- Removing Aptana and complete editor re-write, to ensure speedy editing experience, especially on large files
ColdFusion Builder is no longer based on Aptana, and hence it is a complete re-write for all new editors for HTML, JS, CSS, XML & CFML. Since it has been written from scratch, we have kept special focus on doing away with performance and stability issues. You could see the performance improvements while working with very large files as well.
- New rich hybrid editor with code assist for CFML, HTML, JS & CSS
Figure 1: CFML code assist and CFC introspection continue to work as in ColdFusion Builder 2.0.1.
Figure 2: ColdFusion Builder has support for all new HTML5 tags and elements.
Figure 3: A screenshot of the new values of input types in HTML5.
Figure 8: ColdFusion Builder supports code assist for CSS properties and property values.
Figure 9: Screenshot of property values for background-color.
Figure 10: Screenshot of property values for font-family.
Figure 11: CSS code assist is supported for all syntaxes of defining styles.
- Support for new language enhancements in ColdFusion 11
Figure 12: Code assist shows up new tags related to cfclient.
Figure 13: Code assist shows up new functions added in ColdFusion 11.
Figure 14: Code assist shows up new tags added in ColdFusion 11.
- Code assist for cfclient APIs
Figure 15: Support for code assist on cfclient properties.
Figure 16: Support for code assist on cfclient APIs.
Figure 17: Example of interspersed JS & CFML code assist in cfclient blocks.
Figure 18: Example of JS code assist in cfclient blocks.
Figure 19: More example of interspersed JS & CFML code assist in cfclient blocks.
Figure 20: Example of JS code assist for included .js file within cfclient block.
Figure 21: Support of interspersed CFML & JS code assist within cfscript.
- Customizable editor toolbar
Figure 22: The editor toolbar now comes with some default UI shortcuts, but can be customized as per users’ needs. This applies to toolbar for CFML, HTML, JS and CSS files.
Figure 23: Screenshot shows the wizard for adding new UI shortcut in the editor toolbar.
- Built-in ColdFusion server within ColdFusion Builder
Figure 24: A default ColdFusion 11 development server now gets auto-installed and auto-added in your ColdFusion Builder. This facilitates one to get started with development straightaway without having to worry about a server installation and configuration. The only thing user needs to do is to associate the server with the project he/she is working on.
Embrace trending mobile application development technologies
- Mobile project wizard & Mobile project templates
You can start the wizard from File->New->ColdFusion Mobile Project menu option. Alternatively, you can right-click on project navigator and select New->ColdFusion Mobile Project. The mobile project wizard has two types of templates – System and User. System templates come bundled with ColdFusion Builder, and help you get started with creating mobile projects fast. Currently there are only few, we might add more templates in future. If you want to create your own custom templates, User templates is the way to go.
For detailed reading on Mobile Project templates, please refer to ColdFusion engineer Milan’s blog on Adobe ColdFusion blog.
Figure 25. Screenshot for Mobile Project Wizard -> Templates.
Figure 26: Screenshot for Mobile Project Wizard ->Mobile Project creation.
Note: For detailed information on Building ColdFusion Mobile Application , please refer to Adobe wikidocs.
Develop, test, debug and deploy mobile applications easily
- Package mobile application for Android & iOS
You can package mobile application by – Right click on CF Mobile Project name in project navigator -> Generate PhoneGap Build. You can create Android and/or iOS package of your mobile application.
Figure 27: Screenshot of menu item ‘Generate PhoneGap Build’.
- Preferences settings for PhoneGap build
In order to select files to be included while packaging the mobile application and to set various PhoneGap properties – Right click on mobile project name ->Properties->ColdFusion Mobile Project. You can see various tabs like Resource Selection, PhoneGap, Inspect and Miscellaneous.
Figure 28: Screenshot of Resource Selection tab.
Figure 29: Screenshot of PhoneGap tab.
You can view the PhoneGap builds generated in PhoneGap status view. You can also download the builds from this section.
Figure 30: Screenshot of PhoneGap status view.
Note: For detailed information on Packaging ColdFusion Mobile Application , please refer to Adobe wikidocs.
Using the ColdFusion Builder client side debugger, you can debug both a packaged as well as a shell application. You can set breakpoints, view variables, evaluate expressions, do step operations on client side CFML code.
In order to debug a shell application, Right click on project name->Debug as ->ColdFusion Client Applications. This will launch the client side debugger. When you run your mobile application, execution will stop at breakpoints that have been set within cfclient code blocks.
Figure 31: Screenshot of generating a debug build.
Figure 32: Screenshot of launching client debugger.
Note: For detailed information on Inspecting ColdFusion Mobile Application , please refer to Adobe wikidocs.
- Inspect packaged mobile applications
In order to inspect a packaged mobile application, you need to start the Weinre server from ColdFusion Administrator. Then ColdFusion Builder needs to be configured with Weinre Server URL in mobile project properties. Then right click on mobile project name -> PhoneGap Debug->Generate Inspect Build. You can inspect both packaged and web based mobile applications.
Figure 33: Screenshot of starting Weinre server in ColdFusion Administrator.
Figure 34: Screenshot of configuring ColdFusion Builder with Weinre Server URL.
Figure 35: Screenshot of generating the Inspect build in ColdFusion Builder.
Note: For detailed information on Debugging ColdFusion Mobile Application , please refer to Adobe wikidocs.
New platform support – Linux
- ColdFusion Builder is supported on Linux now.
- Code assist
- Code navigation
- Code Folding
- Code Formatting
- Code colorization
- CFC introspection, Project level CFC variables mapping
- Code hyperlinking
- Outline View & Quick Outline
- File View
- Log Viewer
- FTP Synchronization
- Project Support
- Server Manager
- Quick Fix in CFML editor
- CF Advanced Find & Replace
- Persisting code folding in CFML editor
Share your feedback about this page or the Adobe Developer Connection in general by using Adobe forums