Inthe previous chapters, you learned about ColdFusion and how to create ColdFusion templates. In thischapter, we will show you how to increase your programming productivity by using and customizing Coldf’usion Studio.
Studio is an indispensable tool for the ColdFusion developer and is-designed to complement your ColdFusion programming needs. This chapter will not discuss all aspects of Studio in great depth, but by the end of it you will be able to increase your productivity by customizing the interface and using the maintenance and organizational tools.Some of the Studio features that will help your productivity are:
• Customizable keyboard shortcuts to speed up use of ColdFusion Studio
• The integrated Dream Weaver program for a WYSIWYG-edi r
• The HTML and CFML code Validator and Tag Inspector
• The capability to view your database tables, colwnns, and records
• A drag-and-drop interface for creating SQL statement
• The Tag Chooser, which makes it easy to access HTML and CFML tags
• The Expression Builder, which provides access to Iunctions and operators for creating expressions ,
• The capability to use both internal and external browsers to view your Web pages
Easy upload capabilities and the capability to organize your Web applications using Projects .
• Fiitd, Extended Find, Replace, and Extended Replace features, along with Regular Expression capabilities, to more easily update and maintain-your Web applicatiens
• The capability to save and reuse tag snippets
• Built-in debugging capabilities to easily isolate and step through aplications
• The Site View tab, which makes it possible to see how the templates in your sites are connected
• Link Verifier to verify your external and internal hyperlinks
• The capability to integrate third-party version source control applications with Studio for your team projects
Understanding the Studio Interface
When first looking at the Studio interface, it is easy to become overwhelmed by all the tabs and buttons. For some, the interface is so overwhelming that they do rot take the time to understand all the customizable options. Using Studio isn’t always intuitive, either, and some of the more powerful tools aren’t displayed prominently so you may not even be aware that’ they are available to you. This section will describe the Studio interface and familiarize you with it so that you can begin your exploration of this wonderful development environment.
This section includes information on:
• Title bar
• Menu bar
• Resource tab
• Little bar
• Work area
• Document tab
• Status bar
Points out all the major interface features of ColdFusion Studio.
The following list describes the features of the Studio interface. This is just a quick overview of the features. We will be reviewing most of these items in more detail later in this chapter.
Title bar Displays the name of the application, the current active document, and the application’s Minimize, Maximize/Restore, and Close buttons.
Menu bar Contains the options for File menu, Edit menu, Search menu, Tools menu, Projects menu, Options menu, Debug menu, Tags menu, View menu, and Help menu. All commands and options available in Studio can be found in one of these menu lists.
Toolbars Five toolbars are visible by default in Studio-Standard toolbar, View toolbar, Edit toolbar, Tools toolbar, and Debugging toolbar.
Quickbar EA type of toolbar with eight default tabs-Common tab, Fonts tab, Tables tab, Frames tab, Lists tab, CFML Basics tab, CFML Advanced tab, and CFFORMtab.
Resource tab The Resource tab contains eight tabs-Local Files tab, Remote Files tab, Database tab, Projects tab, Site View tab, Snippets tab, Help tab, and Tag Inspector tab.
Editor tool bar The Little bar is located between the Resource tab and the Editing toolbar.It has buttons for common and helpful editing tools such as Word Wrap, Sllow Gutter, Tag Insight, and Tag Validation.
Work area The work area consists of three panes-the Edit Pane, the Browse Pane, and the Design Pane.
Document tab Every open document in Studio gets its own named document tab. Click each tab to access the ‘associated template.
Status bar The status bar is useful for debugging purposes. The far left area of the status bar displays the current line and position of the cursor, and the middle and right areas of the status bar display validation information as well as the absolute path of the file.
Toolbars and the Quickbar
Twenty-two pre-made toolbars are immediately available to you in the Studio environment. You can right-click anywhere on a visible toolbar or Quickbar to see a list of them To activate one, all you have to do is select it from the shortcut list. Prom there, you can drag it around by its blue title bar and place it anywhere you want as a floating toolbar. You can also drop it on top of the Quickbar to add it as a tab to that feature, or dock it somewhere else on the Studio interface.
Quickbars and toolbars offer similar functionality in that they are organized groups of buttons that are all related in some function. The only difference is where you place them. For instance, if the Edit toolbar(which holds the buttons for opening, saving, and creating new documents) is undocked from its location and dragged and dropped onto the Quickbar, it then becomes a Quickbar tab.
Toolbars and Quickbars are completely customizable–to the point that you can create your own! Take the following steps to create a toolbar, define toolbar buttons, and add it all to the Quickbar feature:
1. Right-click a toolbar or the Quickbar and choose Customize from the shortcut menu. Figure 20.2 shows the Customize dialog box that is then displayed.
2. Click the Add Toolbar button and type your name when prompted for the new toolbar name. Then press the OK button.
3. Your new toolbar should appear in the Toolbarslist. Click it to select it and make sure that you also click the check box to activate it. A blank toolbar, titled with your name, should appear at the top of the dialog box.
4. Now click the Add Custom Button button.
5. In the Custom Toolbutton dialog box that appears, leave Insert Custom Start and End Tags into the Current Document selected. In the Start Tag text box, type. In the End Tag text box, also type •. Type Hinthe Caption text box, type Variable. Signs in the Button Hint, and then press the OK button. You should have a new button on your toolbar with a caption.
6. You can also add buttons to your toolbar by dragging them from the Toolbuttons list. Scroll down the list of tool buttons, drag the CFOUTPUT tag from the list, and drop it onto your new toolbar.
7. Press the Close button on the Customize dialog box. Your new toolbar should appear somewhere on your screen.
8. Your new toolbar should function just like any of the other pre-made toolbars in Studio. You can dock and undock it from a toolbar area or place it in the Quickbar. Drag your new toolbar and drop it on top of the Quickbar. It will be added to the end of the Quickbar list.
9. To put-your new toolbar first in the list of Quickbar toolbars, right-click anywhere on the Quickbar and select Organize Quickbar from the shortcut menu. The Organize Quickbar dialog box appears that enables you to move your new toolbar to the first location on the Quickbar.