Edit Mode

Create/ Add New Code and Label Buttons

Create/Add New Code Button

Screen Shot 2015-05-13 at 8.35.13 am

 

To create a code button, click and drag the code button icon in the tool bar to the body of the code window.

Create or Add a New Label Button, Inactive or Active Button

To create or add a Label Button to the Code Window, click and drag the label button icon in the tool bar to the body of the code window. Or create a Code button and then use the Inspector Panel to change it to a Label button, an Inactive button or an Active button.

Create an Inactive or Action Button

Create a code button, then use the Inspector to change it to an Inactive button or an Action button.

Move Buttons

Click on the button and drag it to the required location in the window or use the arrow keys to move more precisely.

Move a Group of Buttons

  1. Hold down the Command key and select the buttons you want to move, or click and drag over the group using the lasso bounding box to make the selections.
  2. Click and drag the buttons to the required position.

Duplicate Buttons

  1. To duplicate a button and its properties, select the button by clicking on it once.
  2. Press the Option key and click and drag the duplicate to another location within the Code window.
  3. Name the new button. All the properties will be the same as the original except for the Hot Key and the linking. A Hot key can only be allocated once per code window.
  4. To duplicate a button from one code window to another, press the Option key and click and drag the duplicate to the new window.

Duplicate a Group of Buttons

To duplicate a group of selected buttons from one code window to another, press and hold the Command key and click on each button in the group, next press the Option key and click and drag the group to the new window.

Button Layers

Every button created in the code window is on a separate layer. These layers are not visible, and this architecture can be used to your advantage if required. It is sometimes useful to overlap buttons or hide them.

  1. To move a button to the top layer, highlight the button, press Control + Right Arrow key.
  2. To move a button to the bottom layer, highlight the button, press Control + Left Arrow key.
  3. To move one layer at a time, press the Control key and press Arrow Up to move the layer up 1 level at a time or press Control key and press Arrow Down to shift the layer down 1 level at a time.

(Control+Click) on the button and select the action from the drop down menu.

Note: In a Code Window you may select multiple buttons either by using the Apple “lasso” function or by holding down the Command key and individually clicking the desired buttons.

Edit Functions

Resize a Button

  1. Click and drag on a resizing knob on any side or corner of the button.
  2. Drag the button to the desired size.

Delete a Button

Click on the button and press Delete on the keyboard.

Edit a Button

To edit the properties of a button, open the Inspector . Edit a button during any mode by selecting a contextual menu accessed by right clicking on the button.

Add Background to the Code Window

You may select a color or an image as a background for your Code Window.

In Edit Mode, click the Settings button at the right of the Code Window Toolbar.

To select a color for the background, click on the “Background Color” box to open a palette.

To select an image, click on the Image box to open a file list menu, or click on an image and drag and drop it into the box. Use the dropdown menu attached to the box to manipulate the image.

The Inspector Panel 

With Edit mode selected in the toolbar, click on any button to select it. A selected button will be surrounded by 8 resizing knobs. Open the Inspector panel by clicking on the Inspector icon in the toolbar or by double clicking on the selected button.:

By default the Inspector panel will open with the Edit properties view open. This panel contains 4 sections :

  • Fig 32aButton Coding Behaviors and Links
  • Fig 32bAppearance and Geometry
  • Fig 32cAlternate Names 
  • Fig 32 dScript

In the Inspector Panel any box or radio button which can be activated or deactivated is referred to as a “property” because such action will change the property of the button.

To speed up the editing process, leave the Inspector Panel open and click on another button in the code window. This saves the previous button properties and switches to the selected button.