Getting Around in Dashcode
For the sake of this tour, we’ll work with the Daily Feed template. As you can see in Figure 2, the Dashcode window contains several panes.
Figure 2 The Dashcode canvas and navigator
When you first create or open a template, you’ll see the Canvas, which has a preview of your widget on the right. Along the left side are two panes. On top is the Navigator, which is always visible.
The Navigator contains a list of the visual elements on both the front and back sides of the widget as well as icons that allow you to design the widget’s default image (what is displayed before any content is loaded, such as when users first add it to Dashboard) and icon as well as the widget attributes (which we’ll discuss below).
Below the Navigator is the Workflow Steps pane. This pane lists each step that you need to go through to complete the widget.
In Figure 2, you can see that to complete our daily feed widget we need to provide an RSS feed, set the widget’s attributes, preview the default image, design an icon, and finally test and share the widget.
The workflow steps are great for new developers because they walk you through each step, letting you know which ones are required, and provide links that will take you to the various screens that you need to work with to complete each step (as well as to relevant help pages).
There’s even a button on each one to mark that you’ve completed it that displays a check mark next to that step.